代码之家 › 专栏 › 技术社区 › Nexeuz

angular heroes教程主/详图构件。为什么英雄的父母会改变?

angular-components ionic2 angular

Nexeuz · 技术社区 · 6 年前

我正在跟踪 Master/Detail Components - Angular tutorial heroes .我的问题是为什么 hero 如果它发送的变量不绑定 英雄 像这样的我认为这决不能发生。

Angular example here (heroes tour stackblitz.com) .相关代码:

<h2>My Heroes</h2>
<ul class="heroes">
  <li *ngFor="let hero of heroes"
    [class.selected]="hero === selectedHero"
    (click)="onSelect(hero)">
    <span class="badge">{{hero.id}}</span> {{hero.name}}
  </li>
</ul>

 <app-hero-detail [hero]="selectedHero"></app-hero-detail>

1 回复 | 直到 6 年前

acdcjunior Mukul Kumar 6 年前

那是因为 hero 正在作为引用传递。和下面的 hero-detail-component 这个 ngModel 更改 hero.name 直接地

而且因为它们是直接更改的,所以不需要为父级发出事件。

英雄:

<app-hero-detail [hero]="selectedHero"></app-hero-detail>

英雄细节:

<input [(ngModel)]="hero.name" placeholder="name"/>

export class HeroDetailComponent implements OnInit {

  @Input() hero: Hero;

推荐文章

Kiara · 根据条件角度显示多个模板

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Piotr Deja · 如何在subscribe方法中为参数赋值,然后从组件内部的任何位置检索该值?

1 年前

Ben5 · 服务器端总是接触FormControl

1 年前

allforthenoob · 我该怎么分类?

1 年前

Hamid Elouardaoui · 角度生成:发生未处理的异常:服务不再运行

1 年前

Hugh Jones · 如何创建适用于多个来源的自签名开发证书

1 年前

jthorn · 角度对象未在HTML中显示

1 年前

clem · 如何在Angular应用程序中突出显示页面的一部分?

2 年前

Kael · 在html表格中显示关系api数据-角度

2 年前