Angular 003 绑定 Binding

最新推荐文章于 2024-11-10 21:41:15 发布

原创

最新推荐文章于 2024-11-10 21:41:15 发布 · 319 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#typescript #html5 #angular

本文深入探讨Angular的绑定机制，包括单向数据绑定的属性绑定和HTML绑定，以及如何实现双向绑定，通过引入FormsModule模块，实现组件与视图间的实时同步更新。

Angular 003 绑定 Binding

单向数据绑定

export class NgBindingComponent implements OnInit {
   
   

  public title:string="我是标题";

  public userInfo:any={
   
   
    tel:10086,
    userName:"Derek"
  }

  public rockMusic:any[]=[
    {
   
   
      rockType:"Punk",
      band:"反光镜",
      music:"还我蔚蓝"
    },
    {
   
   
      rockType:"Psychedelic",
      band:"麻园诗人",
      music:"海市"
    },
    {
   
   
      rockType