Angular 2 одностороннее связывание данных в HTML, как мы делаем в Angular 1, используя::
Есть ли способ в 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, но я не хочу отображать изменения только в пользовательском интерфейсе
2 ответа
Двухстороннее связывание данных в Angular 2 работает следующим образом:
<input type="text" [(ngModel)]="name">
Одностороннее связывание данных в Angular2 достигается путем удаления парантеза, т.е. [ngModel]
<input type="text" [ngModel]="name" (ngModelChange)="onChange($event)">
onChange(newvalue) {
//work with newvalue
}
Надеюсь, поможет!
2017-07-13 05:59