Angular 7，枚举和输入属性绑定(bind)

Question

问题是当使用 @Input 将枚举与 View 模板绑定(bind)时，枚举被解析为 undefined。组件:

enum FormAction {
  Insert,
  Update
}    
@Component({
  selector: 'app-member-editor',
})
export class MemberEditorComponent implements OnInit {
  modes = FormAction;

  @Input('mode') mode: FormAction;

  ngOnInit() {
    console.log(this.mode);
  }
}

View 模板:

<app-member-editor [mode]="modes.Insert"></app-member-editor>

控制台:

Cannot read property 'Insert' of undefined

Answer 1

您正在尝试将 modes.Insert 从父组件发送到父 html 中的子组件，我们只能访问父 html 中的父公共(public)属性，而不是子属性。所以你应该首先在父组件中定义它并在它的 html 中使用它并将定义的数据从父组件发送到子组件。

在 parent 中而不是在 child 中:

public modes = FormAction;