当前位置: 首页 > 知识库问答 >
问题:

Angular 2在HTML上的单向数据绑定,就像我们在Angular 1中使用::

拓拔奇
2023-03-14
<!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>

共有1个答案

栾英资
2023-03-14

Angular 2中的双向数据绑定如下所示:

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

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

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

希望有帮助!

 类似资料:
  • 我有来自数据库的产品数据包含标题,描述...描述是html格式的字符串,如下所示: 如果应该这样显示: 我应该如何将其正确地显示为html?绑定没有html筛选器。

  • 对于Angular 1.x,我找到了ng-bind-html的点击,但2.x似乎不支持这一点 thx Frank

  • 单项数据绑定 在 Vue 中,可以通过 v-model 指令来实现双向数据绑定。但是,在 React 中并没有指令的概念,而且 React 默认不支持 双向数据绑定。 React 只支持,把数据从 state 上传输到 页面,但是,无法自动实现数据从 页面 传输到 state 中 进行保存。 React中,只支持单项数据绑定,不支持双向数据绑定。不信的话,我们来看下面这个例子: import Re

  • 这是我的模块: 这是我的组件: *如果你需要更多的文件,请告诉我

  • html绑定(bind-html)将在界面中添加特定的html元素,正如text绑定时候所说的哪样,如果要在界面中动态添加html元素,则需要使用html绑定。 代码实例: //.w片段 <div bind-html="details"></div> //.js片段 this.details = justep.Bind.observable(""); this.details.set("<em

  • html绑定(bind-html)将在界面中添加特定的html元素,正如text绑定时候所说的哪样,如果要在界面中动态添加html元素,则需要使用html绑定。 代码实例: //.w片段 <div bind-html="details"></div> //.js片段 this.details = justep.Bind.observable(""); this.details.set("<em