Angular2 wie Bezug auf Pass für ngModel Bindung

Question

ich diese Komponente schrieb:

@Component({ 
    selector: 'formfield', 
    template: ` 
     <div> 
      <label>{{label}}</label> 
      <div> 
       <input class="form-control" type="text" [(ngModel)]="model"> 
      </div> 
     </div> 
` 
}) 
export class Formfield { 
    @Input() label: string; 
    @Input() model: string; 
} 

Ich benutze es hier:

<formfield label="something" model="somevalue"></formfield> 

Nicht überraschend das Eingabefeld zeigt die Zeichenfolge „somevalue“. Wie kann ich den Wert der Variablen somevalue beibehalten?

Answer 1

Sie müssen die folgenden verwenden:

<formfield label="something" [model]="someprop"></formfield> 

wo someprop ist eine Eigenschaft der Komponente, die die formfield Komponente verwendet.

Zum Beispiel:

@Component({ 
    (...) 
}) 
export class SomeComponent { 
    someprop:string = 'some value'; 
}