angular 学习笔记之方法,条件判断,表单,双向数据绑定

1.定义一个方法 类下面

getmsg(){
　　alert("this.msg")
}

setdata(){
　　this.username ="赋值给username一个新值,触发此方法username会改变"
}

执行一个方法:

<button class="button" (click)="getmsg()"> 点击按钮触发事件 </button>

<button class="button" (click)="setData()"> 点击按钮设置数据 </button>

2.条件判断(两种写法)

<p *ngIf="list.length > 3">这是ngIF判断是否显示</p> 
<p template="ngIf list.length > 3">这是ngIF判断是否显示</p>

3.表单

<input type="text" (keyup)="keyUpFn($event)"/> 事件对象

 keyUpFn(e){ 
　　console.log(e)
 }

4.双向数据绑定(ngModel),

import { FormsModule } from '@angular/forms';

<input type ="text"[(ngModel)]="inputValue">