angular4常用指令

1.NgStyle

   修改 HTML 元素的样式。

<div [ngStyle]="{'font-size': '24px'}">长腿欧尼</div>

2.NgIf

根据  参数情况判断显示相应的内容。

html:

<button (click)="show = !show">{{show ? 'hide' : 'show'}}</button>
show = {{show}}
<br>
<div *ngIf="show; else elseBlock">显示大长腿欧尼腿很长</div>
<ng-template #elseBlock>欧尼腿长是假的啦</ng-template>

 ts:

  show: boolean = true;

效果如下（为true或者false时的情况）：

            

3.