Angular常用的指令有哪些？

2020-04-07 09:33发布

站内问答 / Angular
1779 4 5
4条回答
web-天佑
2020-04-08 21:16

ngStyle 修改HTML元素样式


<div>

  1. <span [ngStyle]="{color: 'red'}" [style.font-size.px]="fontSize">

    1. red text

  2. span>

div>

ngIf 条件渲染

<div *ngIf="false">div>

ngClass 设置元素类名

<div [ngClass]="{bordered: false}">This is never bordereddiv>

<div [ngClass]="{bordered: false}">This is never bordereddiv>


ngFor 列表渲染

  1. <div class="ui list" *ngFor="let c of cities; let num = index">

  2. <div class="item">{{ num+1 }} - {{ c }}div>

  3. </div>


一周热门 更多>