源代码如下图所示:

cxPageTemplateStyle指令的作用是,给host元素添加对应的css类:

如果没有header和LandingPage2Template这两个css,Spartacus的首页layout就乱掉了:

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

SAP Spartacus cxPageTemplateStyle Directive的作用相关推荐

  1. SAP Spartacus Popover Directive 构造函数的用途分析

    该构造函数位于文件 popover.directive.ts 里: 第 11 行 cxPopOver Directive 施加到 button 元素上之后,运行时,cxPopOver Directiv ...

  2. SAP Spartacus outlet.directive.ts里this.templateRef的来源

    如源代码所示: 这个templateRef是构造函数注入进去的: 如图: 这里谜底揭开了.只有加入cxOutlet之后,我们自定义实现Outlet.directive.ts里的create方法,下面这 ...

  3. SAP Spartacus autofocus Directive的失败的单元测试 - 2021年1月13日 1.1

    我现在把setDefaultConfiguration移到ngAfterViewInit里了: 所以对于这段代码: <div cxAutoFocus id="a"> a ...

  4. 自己动手开发SAP Spartacus focus Directive的单元测试

    在已有的单元测试代码,加了这个div标签之后就报错了: 报错:this.service.findFirstFocusable is not a function: at FocusDirective. ...

  5. SAP Spartacus AutoFocus directive的一个例子

    有两种变体,如果不加方括号,直接传字符串给cxFocus,字符串内容会被当成persistent key处理:否则,传一个对象给[cxFocus]: <div [cxFocus]="{ ...

  6. SAP Spartacus lock directive锁住元素所有子元素及设置FOCUS_GROUP_ATTR的行为

    FOCUS_GROUP_ATTR: data-cx-focus-group: 这个属性是动态添加上去的吗? 如何判断哪个元素应该被focus,在auto-focus.service.ts里的selec ...

  7. SAP Spartacus PersistFocus Directive是采取怎样的数据结构来存储focus信息的

    自动focus的directive会在ngAfterViewInit里调用不含输入参数的handleFocus: autofocus 的directive AfterViewInit里会handleF ...

  8. SAP Spartacus cxFocus Directive施加后导致tabindex为-1的副作用研究

    我第一次看到下图第44行代码时,以为仅仅是一个简单的赋值操作,把requiredTabindex的值赋成-1: 后来发现,这个requiredTabindex不是一个字段的值,而是一个set函数的名称 ...

  9. SAP Spartacus focus directive tabindex的默认值设置

    base-focus的ngOnInit钩子里,会将requiredTabindex设置为-1: 这会触发set操作: 注释写得很清楚,对应button,和active links,即包含有效href属 ...

最新文章

  1. libxml/xmlversion.h: No such file or directory
  2. Java并发编程中的若干核心技术,向高手进阶
  3. Mysql中各种与字符编码集(character_set)有关的变量含义
  4. Codechef January Challenge 2018 - Killjee and k-th letter
  5. oracle 察看用户是否被锁,解锁以及改密码
  6. (转)使用IDEA将普通MAVEN项目转为WEB项目
  7. 文件误删除了怎么恢复?
  8. jq中ajax请求跨域,用JQuery实现简单的Ajax跨域请求
  9. 从入门到入土:基于C语言采用UDP协议实现通信功能的程序
  10. 【数据结构的魅力】001.认识复杂度二分法异或运算
  11. 爬取东方财富的利润表数据记录
  12. 双十一数码产品选什么好?双十一数码好物推荐
  13. es修改排序_ElasticSearch自定义排序(转载)
  14. ABAP 去重 delete adjacent duplicates
  15. 南京理工大学计算机学院张勇,南京理工大学教师信息
  16. java语言不用pow函数求x的n次方_X的N次方求解——pow(x,n)实现
  17. Android阿拉伯适配rtl
  18. python字母对应序号_python获取字母在字母表对应位置的几种方法及性能对比较
  19. WordPress插件-WP Mail SMTP
  20. 常用oracle数据库查询命令

热门文章

  1. Docker技术快速精通指南
  2. day9-继承式多线程
  3. Sequence 带来的更多乐趣
  4. 微信公众平台开发——在线点歌
  5. DBGrid内使用CheckBox功能
  6. 在idea中为类和方法自动生成注释
  7. 发红包android
  8. ES5中新增的Array方法详细说明
  9. Go语言并发的设计模式和应用场景
  10. Hibernate基础学习(二)—Hibernate相关API介绍