@Input 不绑定来自组件的数据

Question

Angular2 @Input 组件未绑定来自另一个组件的数据

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>

这里我正在获取虚拟选择器 username 数据，但是当我通过输入字段在 LoginObj.username 中插入一些数据时 - 为什么没有反映出来？

Answer 1

不清楚您看到的是什么错误（如果有的话），但它的输入绑定应该适用于以下内容：

LoginComponent.ts

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

在 DummyComponent.ts 中更改模板以显示 username 字段反映了 input 字段的更改。

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

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

@Input 不绑定来自组件的数据

@Input not Binding data from component

angular2-forms