2015-10-25 9 views
8

Angular2'nin geçerli belgeleri, es5 sözdiziminde @Input ve @Output kullanımlarına ilişkin bir örnek sağlamaz.ES5'te Angular 2'deki bir bileşendeki girdiler nasıl bildirilir?

Ben bir angular2 keman almaya çalışıyorum böylece bu es2016 sürüm

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

cevap

12

Kullanım inputs ve Component ek açıklamada outputs özellikleridir ES5

kullanmak gerekir. Bakınız 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'de nasıl uygulanır? Bunun gibi bir şey: asubanovsky

+0

Yanıtta belirtilen Plunkr'ı kontrol edin. '' kullanmalısınız. Örnekte, angular2'nin alfa sürümü kullanılır ve burada 'accountId' yerine' account-id 'kullanılmalıdır. –

+0

Kullanımının bir örneğini de gösterebilir misiniz? Bu çok kullanışlı. –