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">

猜你喜欢

转载自www.cnblogs.com/zhaoqiusheng/p/11089935.html