Javascript angular2-从父指令获取数据

Javascript 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指令和一个message指令来打印表单中的数据

Form.html

<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;
  }

  (...)
}