Wie deklarieren Sie Eingänge für eine Komponente in Angular 2 in ES5?

Question

Die aktuelle Dokumentation von Angular2 enthält kein Beispiel für die Verwendung von @Input und @Output in der ES5-Syntax.

Ich versuche, bis eine angular2 Geige zu bekommen, so müssen ES5

Dies ist der ES2016-Version

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

Answer 1

Verwenden inputs und outputs Eigenschaften in Component Annotation verwenden. Siehe 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; 
    } 
    });