如何將常量綁定到 angular2(dart) 中的目標組件？

Question

我正在關注這里的教程： https : //angular.io/docs/dart/latest/tutorial/toh-pt3.html

所以我認為可以綁定多個目標：

應用組件.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