angular的屬性繫結
阿新 • • 發佈:2018-12-25
[ngModel] 單向繫結, 從model到view
(ngModelChange) 單向繫結, 從view到model,比如click事件, (click)='onClick($event)'
[(ngModel)] 雙向繫結
使用ngModel時,最好加上name屬性。
例子: @Component({ selector: 'exe-app', template: ` <form novalidate #f="ngForm"> Name: <input type="text" name="username" [(ngModel)]="user.username"> </form> {{ user | json }} `, }) export class AppComponent implements OnInit { user: { username: string };
ngOnInit() { this.user = { username: 'Semlinker' }; } }
使用ngModel時,最好加上name屬性。
例子: @Component({ selector: 'exe-app', template: ` <form novalidate #f="ngForm"> Name: <input type="text" name="username" [(ngModel)]="user.username"> </form> {{ user | json }} `, }) export class AppComponent implements OnInit { user: { username: string };
ngOnInit() { this.user = { username: 'Semlinker' }; } }