Posted on

Angular/Ionic–3

子页面隐藏去掉底部tabs导航，子页面全占满显示方法。                                                 1.引入App类

import { App } from ‘ionic-angular’;

2.声明初始化app对象

constructor(private app:App) {}
3.调用this.app.getRootNav() 从根页面跳转就可以了

this.app.getRootNav().push(nextPage);
没有Click事件的控件，事件响应会有延迟的处理方法：
<div tappable (click)=”doClick()”>I am clickable!</div>
4.ES6:http://www.css88.com/archives/6200
Posted on

angular/ionic–2

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

Posted on

Angular/ionic—1

1.<ng-container *ngIf=”user.length>=3″>”
<button ion-button *ngFor=”let userinfo of user” [style.color]=”‘red'” [ngStyle]=”{‘background-color’:’white’,’font-size.em’:3}” >{{userinfo.id}},{{userinfo.name}}
</button>
</ng-container>//可以用style或者[ngStyle]来设置属性，<ng-container>可以用来做条件嵌套。

2.https://segmentfault.com/a/1190000005030594

3.<ion-item [ngSwitch]=”name”>
<ion-label *ngSwitchCase=”sex1″>
sex is girl
</ion-label>
<ion-label *ngSwitchCase=”sex2″>
sex is boy
</ion-label>
<ion-label *ngSwitchDefault>
sex is none
</ion-label>
</ion-item >

ngSwitch中“name”，“sex1”,”sex2″都必须是ts中定义的变量名(该变量值可以被修改)。