angular/ionic–2

1.angular语法https://angular.cn/docs/ts/latest/guide/template-syntax.html#

  • NgClass – 添加或移除一组CSS类

  • NgStyle – 添加或移除一组CSS样式

  • NgModel – 双向绑定到HTML表单元素

    2.

  • 当隐藏子树时,它仍然留在 DOM 中。 子树中的组件及其状态仍然保留着。 即使对于不可见属性,Angular 也会继续检查变更。 子树可能占用相当可观的内存和运算资源。
  • NgIffalse时,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

Leave a Reply

Your email address will not be published. Required fields are marked *