大家都知道ng内置了许多自定义的指令，这避免了我们自己去造轮子。同时，ng也提供了自定义指令的功能，可以让我们的页面元素标签更加实例化。
在这篇文章中，我们将分别列举每一个内置指令的用法，并提供一个例子作为演示。尽量用最少最简单的描述，让你在更快更准确地学会每一种内置指令的基本用法。
作用：像 for 循环一样，可以重复的从数组中取值并显示出来。
this.userInfo = ['张三','李四','王五'];
// .html
<div class="ui list" *ngFor="let username of userInfo">
<div class="item">{{username}}
他的语法是 *ngFor="let username of userInfo" ，其中 userInfo 是从中取值的数组，username 是每次从中取出来的值。然后在这个标签里面的内容就会重复执行，并通过双向绑定，将 username 显示出来。
<div ngIf="false">
<div class="container" [ngSwitch]="myAge">
<div ngSwitchCase="'10'">age = 10
[ngSwitch] 先与目标进行绑定，ngSwitchCase 列出每个可能性，ngSwitchDefault 列出默认值。
// .html
<div [style.color]="yellow">
你好，世界
// .ts
isBordered: boolean = true;
// .html
<div [ngClass]="{bordered: isBordered}">
是否显示边框
class="bordered" 。使用了 ngNonBindable ，花括号就会被当做字符串一起显示出来。
日常开发中，用 ngFor 和 ngIf 应该是最多的了，所以把他们两个写在了前面。至于 ngNonBindable，我实际开发中一次没用过，也是查着资料测试一遍写下来的。
好了，以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对编程之家的支持
