Question

我在这里关注教程： https://angular.io/docs/dart/latest/tutorial/toh-pt3.html

所以我认为可以绑定多个目标：

应用-component.dart

<my-hero-detail [hero]="selectedHero" [msg]="123"></my-hero-detail>

hero_detail_component.dart

@Component(
    selector: 'my-hero-detail',
    template: '''
      <div *ngIf="hero != null">
        <h2>{{msg}} {{hero.name}} details!</h2>
        <div><label>id: </label>{{hero.id}}</div>
        <div>
          <label>name: </label>
          <input [(ngModel)]="hero.name" placeholder="name">
        </div>
      </div>'''
    )       
class HeroDetailComponent {
    @Input()
    Hero hero;

    @Input()
    String msg;
}

所以我发现了一些明显错误的东西。 Angular需要区分AppComponent（在这种情况下为selectedHero）的属性并认识到123不是变量，而是我想要分配给msg的值属性。

所以问题是---我们如何将值传递给HeroDetailComponent？

Answer 1

如果我理解正确，您希望将值123分配给msg属性，而不是名为123的变量值。有两种方法可以做到这一点：

<my-hero-detail [hero]="selectedHero" msg="123"></my-hero-detail> //first way

<my-hero-detail [hero]="selectedHero" [msg]="'123'"></my-hero-detail> //second way

如何在angular2（dart）中将常量绑定到目标组件？

1 个答案: