angular里什么是数据绑定(单向绑定,双向绑定,插值绑定)?

首先说一下分类

下面的例子可以解释:


<div>
    <li>{
   
   {hero.name}}</li>
    <app-hero-detail [hero]="selectedHero"></app-hero-detail>
    <li (click)="selectHero(hero)"></li>
</div>

第一个<li>中,{ {hero.name}},这是一个插值绑定,就是我们在控制器定义的变量,数据能直接显示到前台。

第二个[hero]属性绑定把父组件HeroListComponent的selectedHero的值传到子组件HeroDetailComponent的hero属性中。

第三个事件绑定给click绑定事件。

双向绑定:这个 <input [(ngModel)]="myData">

主要作用:就是模板和控制器保持数据一致

我们在使用的时候要添加angular里的FormsMudule 模块

猜你喜欢

转载自blog.csdn.net/weixin_44126152/article/details/105927766
今日推荐