Javascript angular2-从父指令获取数据
我有一个Form指令和一个message指令来打印表单中的数据 Form.htmlJavascript angular2-从父指令获取数据,javascript,dependency-injection,angular,Javascript,Dependency Injection,Angular,我有一个Form指令和一个message指令来打印表单中的数据 Form.html <form [ngFormModel]="form"> <input ngControl="field"> <message></message> </form> Message.js export class Message { constructor() {} get errorMessage() { co
<form [ngFormModel]="form">
<input ngControl="field">
<message></message>
</form>
Message.js
export class Message {
constructor() {}
get errorMessage() {
console.log(form);<--- Here form is needed
}
导出类消息{
构造函数(){}
获取错误消息(){
console.log(form);只需使用@Input
装饰器将参数添加到消息
组件:
@Component({
(...)
})
export class Message {
@Input()
form: Control;
constructor() {}
get errorMessage() {
console.log(this.form);
}
}
您可以按如下所述传递参数:
<form [ngFormModel]="form">
<input ngControl="field">
<message [form]="form"></message>
</form>
我刚刚输入了你的“其他选项”,但现在似乎没有用:)。干得好,蒂埃里
<form [ngFormModel]="form">
<input ngControl="field">
<message [form]="form"></message>
</form>
@Component({
(...)
})
export class Message {
constructor(parent:Form) {
this.form = parent.form;
}
(...)
}