3

在 Angular 2 中有什么方法可以像在 Angular 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 上显示更改

4

2 回答 2

6

Angular 2 中的两种数据绑定方式如下所示：

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

Angular2 中的一种数据绑定方式是通过删除括号来实现的，即 [ngModel]

<input type="text"  [ngModel]="name" (ngModelChange)="onChange($event)">
onChange(newvalue) {
//work with newvalue
}

希望能帮助到你！

于 2017-07-13T05:57:13.560 回答
1

你可以这样做

 <input type="text"  [ngModel]="name">

在这里阅读更多

于 2017-07-13T05:59:41.040 回答