2015-10-25 17 views
8

Angular2の現在のドキュメントでは、と@Outputをes5構文で使用する例は示していません。コンポーネントの入力をES5の角2で宣言するにはどうすればよいですか?

私はangular2フィドルを取得しようとしているのでこれはes2016バージョンComponent注釈で

class BankAccount { 
    @Input() bankName: string; 
    @Input('account-id') id: string; 
    // this property is not bound, and won't be automatically updated by Angular 
    normalizedBankName: string; 
} 

答えて

12

使用inputsoutputsプロパティですES5

を使用する必要があります。 this plunkerを参照してください。

var BankAccount = ng 
    .Component({ 
    selector: 'bank-account', 
    template: '<b>{{ bankName }}<b><span>{{ id }}', 
    inputs: [ 
     'bankName', 
     'id: accountId' 
    ] 
    }) 
    .Class({ 
    constructor: function() { 
     this.bankName = null; 
     this.id = null; 
    } 
    }); 
+1

HTMLで実装するにはどうすればよいですか? asubanovsky

+0

答えに記載されているPlunkrをチェックしてください。あなたは ''を使うべきです。サンプルでは、​​alpha2バージョンのangular2が使用されています。そこでは、 'accountId'の代わりに' account-id'を使うべきです。 –

+0

使い方の例も表示できますか?これはとても便利です。 –