1.angular语法https://angular.cn/docs/ts/latest/guide/template-syntax.html#
-
NgClass
– 添加或移除一组CSS类 -
NgStyle
– 添加或移除一组CSS样式 -
NgModel
– 双向绑定到HTML表单元素2.
- 当隐藏子树时,它仍然留在 DOM 中。 子树中的组件及其状态仍然保留着。 即使对于不可见属性,Angular 也会继续检查变更。 子树可能占用相当可观的内存和运算资源。
- 当
NgIf
为false
时,Angular 从 DOM 中物理地移除了这个元素子树。 它销毁了子树中的组件及其状态,也潜在释放了可观的资源,最终让用户体验到更好的性能。3. - <button ion-button *ngFor=”let userinfo of user ;let i = index;let first = first;let odd = odd;let even= even” [style.color]=”‘red'”
[ngStyle]=”{‘background-color’:’white’,’font-size.em’:3}” >{{userinfo.id}},{{userinfo.name}},{{i}},{{first}},{{odd}},{{even}}
</button>//index 是下标值,odd:下标值是奇数为true,反之false;even:下标为偶数是true反之为false。 我们见到最简单的例子是:<div ng-repeat=
"link in links"
></div>
如果item的值有重复的,比如links=[“1″,”1″,”2″,”2″,”3”]
那么angularjs 会报错,不允许值重复,原因是angular需要一个唯一值可以与生成的dom绑定,以便追踪.
然后这时候,track by的用处就体现出来了。
<div ng-repeat=
"(key,value) in links track by key"
></div>
key值是唯一的,这样就解决了
4.https://segmentfault.com/a/1190000004969541