Ash*_*tan 3 javascript angularjs angular2-template two-way-binding
在角度2中是否有任何方法,以便我们可以像在角度1中那样实现单向数据绑定.
<!DOCTYPE html>
<html lang="en-US">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<body>
<div ng-app="">
<h4>please change the text box value to see the scenario</h4>
<p>Name : <input type="text" ng-model="name"
ng-init="name='change me '"></p>
<h1>Hello {{name}}</h1>
<h2>One-way binding- </h2>
{{::name}}
</div>
</body>
</html>
我们如何以Angular 2的方式实现这一目标.我们有什么替代品.
注意:我不想仅反映HTML上的更改.我需要更新的值@component end,但我不想仅在UI上显示更改
Angular 2中的双向数据绑定的工作原理如下:
<input type="text" [(ngModel)]="name">
通过去除paranthesis即[ngModel]实现Angular2中数据绑定的一种方式
<input type="text" [ngModel]="name" (ngModelChange)="onChange($event)">
onChange(newvalue) {
//work with newvalue
}
希望能帮助到你!