2015-10-25 15 views
8

Aktualna dokumentacja Angular2 nie podaje przykładu użycia @Input i @Output w składni es5.Jak zadeklarować Wejścia komponentu w Angular 2 w ES5?

Próbuję uzyskać angular2 skrzypce tak trzeba użyć ES5

To jest wersja es2016

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

Odpowiedz

12

Zastosowanie inputs i outputs właściwości w Component adnotacji. Zobacz 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

Jak zaimplementować go w HTML? Coś takiego: asubanovsky

+0

Sprawdź Plunkr wymieniony w odpowiedzi. Powinieneś użyć '. W rozszerzeniu używana jest wersja alphulara angular2 i tam powinieneś użyć 'account-id' zamiast' accountId' –

+0

. Możesz również pokazać przykład użycia tej funkcji. Jest to bardzo przydatne. –

Powiązane problemy