Angular 2 Modelbinding zu Simple (string) nicht funktioniert

Question

Ich habe eine einfache Komponente mit einem Eingang für ein String-Feld:

import {Component, Input} from 'angular2/core'; 

@Component({ 
    selector: 'mundo-input', 
    template: ` 
     <input class="form-control" [(ngModel)]="zeit" /> 
    ` 
}) 
export class MundoInputComponent { 
    @Input() zeit: string;  
} 

Ich raubend diese Komponente wie folgt aus:

<mundo-input [(zeit)]="myzeit"></mundo-input> 

Die myzeit-Eigenschaft von der äußeren Komponente wird korrekt injiziert. Wenn ich den Wert manuell ändere und auf die äußere Komponente speichere, hat die myzeit-Eigenschaft den alten Wert.

änderte ich die Art der Zeit von Saite zu einem Heldenklasse (wie in den NG2 Tutorial) und verändern die Eingabe zu zeit.name die Bindung. Die Zwei-Wege-Datenbindung funktionierte.

Ist es möglich, an eine Eigenschaft vom Typ string von der äußeren Komponente zu binden? Oder ist es nur mit komplexen Typen (Klassen) möglich?

Answer 1

Sie benötigen einen ouput Ihrer Komponente hinzufügen zu können, nutzen Zweiweg-Bindung: die Ausgabe

@Component({ 
    selector: 'mundo-input', 
    template: ` 
    <input class="form-control" [ngModel]="zeit" 
       (ngModelChange)="onChange($event)" /> 
    ` 
}) 
export class MundoInputComponent { 
    @Input() zeit: string;  
    @Output() zeitChange:EventEmitter<string> = new EventEmitter(); 

    onChange(val) { 
    this.zeitChange.emit(val); 
    } 
} 

Vereinbarungsgemäß muss die zeitChange müssen in der Lage die Verknüpfung verwenden [(zeit)]="myzeit":

<mundo-input [(zeit)]="myzeit"></mundo-input> 

In Ihrem Fall, dass Sie nur in eine Richtung verwenden für die zeit Parameter verbindlich.

Siehe diese Plunkr: https://plnkr.co/edit/snaM4y?p=preview.