angular8.x 事件的处理和样式绑定

<a href="#"
  [class.active]="i === selectedIndex"
  (click)="selectedIndex === i"
>
    {{ menu.title }}
</a>
  1. [class.样式名]="判断表达式" 是在应用单个class时的常用技巧
  2. 使用 方括号[ ]是数据绑定,如果带方括号,等号后面就是一个对象或表达式
  3. 不使用方括号,等号后面 Angular 认为是一个字符串,但如果我们此时在等号后使用{{}}就是和方括号等效的
  4. 圆括号()用于事件绑定,等号后可以接表达式也可以是一个定义在类中的函数

 

 

posted @ 2019-12-03 09:59  砂糖一椰子  阅读(493)  评论(0编辑  收藏  举报