@Input nicht Die Bindungsdaten von der Komponente

Question

Angular2 @Input Komponente nicht Die Bindungsdaten von einer anderen Komponente

DummyComponent.ts

import { Component,Input,ElementRef } from "@angular/core" 
@Component({ 
    selector: "Dummy-Selector", 
    template: `Hello Dummy How Are you....`, 
    // inputs: ["rating"] 
}) 
export class DummyComponent { 
    debugger; 
    @Input() username: string; 
} 

LoginComponent.html

<input type="text" [(ngModel)]="LoginObj.username" value="user" /> 

<div> 
    <Dummy-Selector [username]='LoginObj.username'></Dummy-Selector> 
</div> 

Hier ich meine Dummy-Selektor username Daten bekommen, aber wenn ich etwas d einfügen ata in LoginObj.username über das Eingabefeld - warum ist es nicht reflektiert?

Answer 1

Es ist nicht genau klar, was Fehler, den Sie (falls vorhanden) sehen, aber es Eingang Bindung sollte mit dem folgenden arbeiten:

LoginComponent.ts

@Component({..}) 
export class LoginComponent { 
    LoginObj = {}; 
} 

In DummyComponent.ts ändern die Vorlage zu zeigen, dass die username Feldänderungen aus dem input Bereich widerspiegeln.

import { Component,Input } from "@angular/core" 

@Component({ 
    selector: "Dummy-Selector", 
    template: `Hello Dummy How Are you... {{username}}`, 
}) 
export class DummyComponent { 
    debugger; 
    @Input() username: string; 
}