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 not绑定来自组件的数据

1 个答案: