如何在angular2（dart）中將常量綁定到目標組件？

Question

我在這裏以下教程： https://angular.io/docs/dart/latest/tutorial/toh-pt3.html

所以我認爲這將有可能結合多個目標：

APP-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; 
} 

所以我注意到了一些明顯的錯誤。角需要區分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