directive: 目的是给DOM元素添加自定义行为,可以和Component class一样,实现life cycle hooks:

css selector:

在template中唯一标识一个Directive,并且触发Directive实例的初始化。

看一个错误:

Can’t bind to ‘cxFocusConfig’ since it isn’t a known property of ‘div’. ("

答案:

you cant use input/output outside component / directive tag

正确做法?

<div cxFocusDirective [cxFocusConfig]="Jerry">Hello</div>

in notification-message.component.html, it’s directly used in div tag
when I ctrl + click on line 3 above, it goes to line 12 in focus.directive.ts.

so it seems the name of selector and input are kept the same ON PURPOSE?

I think for small directives (single responsibility and single input) its simplified usage

更多Jerry的原创文章,尽在:“汪子熙”:

SAP Spartacus directive学习笔记相关推荐

  1. SAP Spartacus pagefold学习笔记

    Chrome开发者工具里展开Observable对象,从其operator能观察到施加在该Observable对象上的操作: Map操作:(event) => this.getBreakpoin ...

  2. SAP SuccessFactors EC学习笔记(二)解码员工数据对象

    (首发于公众号JohnnyHCM) 作为一名年轻顾问,想赢得客户的信任并不是一件简单的事,尤其是我写的笔记还出现在百度搜索结果的第一个. 距离第一篇笔记,已经经历了SuccessFactors的7次大 ...

  3. SAP Analytics Cloud学习笔记(一):从CSV文件导入数据到Analytics Cloud里创建模型和Story

    从SAP官网下载一个供学习使用的csv文件: https://help.sap.com/http.svc/download?deliverable_id=20229442 拖拽到SAP Analyti ...

  4. SAP Fiori Elements 学习笔记 - 2021年4月19日

    SAP Fiori Elements List Report 里 Smart Table 模板的设计原理: sap.suite.ui.generic.template.fragments.TableC ...

  5. 一个初学者的SAP Cloud Platform学习笔记

    User p1942400002trial i042416trial Host hanatrial.ondemand.com 工作日志 2017-05-01 956我为什么没办法publish 到cl ...

  6. 一些SAP UI5的学习笔记

    写于2016-05-12. (1) 最重要的是学会:在console里看到一些log,如何找到具体是哪一行JS打印的这些log的方法.在jQuery.sap.log.info里设置断点肯定不行,因为会 ...

  7. SAP BW/4HANA学习笔记2

    2.Data Modeling BW/4HANA Data Modeling简介 Data Quality:数据质量问题: silos(桶仓):大量重复冗余的主数据,独立计算统计: 数据silos缺点 ...

  8. SAP Spartacus Page Layout学习笔记

    文档地址: https://sap.github.io/spartacus-docs/page-layout/#outlet-position Spartacus is based on a sing ...

  9. 《SAP高级应用开发》---Idoc学习笔记

    黄佳<SAP高级应用开发>,第四章Idoc技术学习笔记,记录如 一,Idoc:Intermediate document,系统间数据交换过程的媒介          A: 面向消息(mes ...

最新文章

  1. Java怎么重复使用套接字_在java中连续地通过套接字传输数据
  2. P2517-订货【网络流,费用流】
  3. HDnoip2017题解
  4. Springboot2集成minidao持久层
  5. Vue.js 条件与循环
  6. Android进程与线程基本知识
  7. linux7配置永久路由,CentOS7添加永久静态路由
  8. SaaS-HRM(2)数据库设计与前端框架(企业管理前后台)
  9. 小米原生浏览器标识.
  10. php公众号模板推送开发教程,微信公众号之模板推送
  11. 西门子g120变频器接线图_西门子G120变频器通过IOP-2面板初始设置
  12. 提高系统可靠性的措施
  13. Blender图解教程:手把手教你独立游戏开发必备的极简式贴图法
  14. 空间矢量数据处理 | 第一讲:矢量数据的读入与保存
  15. 新手学开车,起步,停车,倒库移库,练习图解,开车基本技巧
  16. 不懂PS也制作图片倒影效果 – 推荐2个好用的在线为图片添加倒影效果的网站
  17. 8月报考季,软考科目选哪个?
  18. 开源软件 | 一款深度学习抠图算法,图像精细分割利器
  19. 【网络原理】网络通信与协议
  20. 美国虚拟主机空间是什么以及具有哪些特点?

热门文章

  1. 洛谷——P1547 Out of Hay
  2. java自动猜测文件编码
  3. 在javascript中==和===的区别
  4. 自建邮件服务器更给力?
  5. 最常见的13种主数据管理(MDM)词汇和定义
  6. 如何通过httpd和DVD ISO在RHEL上配置yum本地源
  7. 获取某个日期是一年中的第几周
  8. Echarts实例中json数据查找
  9. 乙级(Basic Level) 1009 数字黑洞
  10. 洛谷 P1308/暂无题解