Angular 003 绑定 Binding

Punkerwei

于 2021-03-14 01:08:36 发布

阅读量306

点赞数

CC 4.0 BY-SA版权

分类专栏： Angular 文章标签： typescript html5 angular

本文链接：https://blog.youkuaiyun.com/Discowei/article/details/114769706

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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