angular知识

标题绑定

html部分：

<p [title]="msg">祖国你好</p>

ts部分：

title = 'myng'; msg='xxxx';

条件渲染

html部分：

事件绑定

<button (click)="flag=!flag">变身</button>控制flag的状态为true或false

<button (click)="msg='神奇文本'">神奇文本</button>改变msg内容为神奇文本

<button (click)="msg=$event.target.innerHTML">事件参数</button>改变msg内容为事件参数

<button (click)="showMsg($event)">响应函数</button>绑定函数，弹出事件

条件渲染

checkbox绑定

html部分：

<input type="checkbox" [(ngModel)]="sel">阅读并同意条款

<button [disabled]="!sel">登录</button>

ts部分：

sel =false;默认不同意

列表渲染

html部分：

、angular.forEach循环

angular.forEach循环中常常会遇到一个问题：循环过程中如何跳出该循环？在JavaScript的for循环中，我们常常会用break或者用return结束循环，但是，在angular.forEach中，break和return根本不起作用，