Angular里ngModel双向绑定的一个使用例子
生活随笔
收集整理的這篇文章主要介紹了
Angular里ngModel双向绑定的一个使用例子
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
源代碼:
@Component({selector: "app-root",template: `<input [(ngModel)] = "jerry">` }) export class AppComponent implements AfterViewInit {_jerry = "Hello";ngAfterViewInit(): void {setTimeout(() => {this._jerry = "changed!";}, 2000);}get jerry(){return this._jerry; }set jerry(n){this._jerry = n;}get header(){console.log('Jerry');return true;} }運行時,首先顯示Hello,兩秒鐘過后變成changed!
頁面渲染時,自動觸發jerry property的get函數:
當在input字段里輸入值時,觸發jerry屬性的set函數:
更多Jerry的原創文章,盡在:“汪子熙”:
總結
以上是生活随笔為你收集整理的Angular里ngModel双向绑定的一个使用例子的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 梦幻西游手游物理系好搭档 碎甲术与破甲术
- 下一篇: Property ngOnInit do