从对话框内的角度材料表单提交

Question

我在对话框中有一个表单。

mainComponent

  openDialog() {
     this.dialog.open(ModelContent);
  }

HTML

<form (ngSubmit)="setRule(f)" #f="ngForm">
        <md-form-field>
            <input matInput placeholder="Name" name="name" ngModel>
        </md-form-field>
    .....

      <button mat-raised-button mat-dialog-close>Confirm</button>
      <button mat-raised-button mat-dialog-close>Cancel</button>

</form>

我有一个没有对话框的表单，它对confirm 和cancel 都很好，现在我决定在对话框中打开表单。但我无法获得setRule(f) 的值。

ModelComponent

setRule(f) {
  console.log(f);
}

有人可以告诉我我错过了什么。 任何帮助表示赞赏。

谢谢。

Answer 1

Open Dialog 代码是否添加到定义 setRule() 方法的同一组件中？如是。应该可以的。

服务：

private formSubmitEvent = new Subject<any>();
public formSubmitEvent$ = this.formSubmitEvent.asObservable();

主要组件：

setRule(){
   service.formSubmitEvent.next(values);
}

模型组件：

ngOninit(){
    service.formSubmitEvent$.subscribe(values=>{
       console.log(values);
    })
}