如何将常量绑定到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;
}

所以我注意到一些明显的错误。 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）中的目标组件？

how to bind a constant to target component in angular2(dart)?

angular-dart

angular