当前位置:  首页>> 技术小册>> AngularJS面试指南

答案:

在Angular中,实现数据的双向绑定需要使用[(ngModel)]指令。[(ngModel)]指令是Angular中内置的一个属性指令,它可以将组件中的属性和表单控件中的值进行双向绑定。

下面是一个简单的例子,演示了如何使用[(ngModel)]指令实现数据的双向绑定:

  1. import { Component } from '@angular/core';
  2. @Component({
  3. selector: 'my-app',
  4. template: `
  5. <input [(ngModel)]="name" type="text">
  6. <p>Hello, {{name}}!</p>
  7. `
  8. })
  9. export class AppComponent {
  10. name = 'Angular';
  11. }

在上面的例子中,我们创建了一个名为AppComponent的组件,它包含了一个文本框和一个段落。文本框使用[(ngModel)]指令和组件中的name属性进行双向绑定,当用户在文本框中输入内容时,组件中的name属性也会跟着更新。段落中使用插值表达式{{name}}来显示组件中的name属性。


该分类下的相关小册推荐: