企业门户网站模板html上线,成都网站开发建设推广,python做网站教程,做国产免费视频网站绑定表单数据
为了让表单使用 Angular 的特性实现数据绑定#xff0c;需要导入 FormsModule。 这个比 vue 要繁琐点#xff0c;不复杂#xff0c;但是比 react 的自己手动实现要方便#xff0c;ng 帮我们实现了双向绑定
import { Component } from angular/core需要导入 FormsModule。 这个比 vue 要繁琐点不复杂但是比 react 的自己手动实现要方便ng 帮我们实现了双向绑定
import { Component } from angular/core;
//必须导入这个module
import { FormsModule } from angular/forms;Component({selector: app-about,standalone: true,imports: [FormsModule],templateUrl: ./about.component.html,styleUrl: ./about.component.css,
})
export class AboutComponent {username ;
}语法
[(ngModel)]username 跟 vue 的 v-model 很像写法比 vue 的繁琐
plabel foriptp{{username}}/p姓名: input idipt typetext [(ngModel)]username //label
/p这样我们就实现了表单数据的双向绑定
