Question

我创建了一个弹出窗口，但我也创建了一个按钮来保存内容，并且声明了ID的长度是否大于0（我可以继续工作，但是每次退出我的弹出窗口时）。

我认为它关闭弹出窗口的原因是它在服务矩阵行中，位于服务矩阵的组件之下，在矩阵行中，它称为类似于popup的组件。

   <app-service-matrix-row *ngFor="let valueItem of products$ | async" [valueItem]="valueItem"   [hidden]="!((filteredProductIds$ | async).includes(valueItem.id)) || !(isProduct$ | async)"></app-service-matrix-row>

在服务矩阵行中

我已经将该组件称为弹出窗口

<app-edit-dialog-vi  *ngIf="showChild" [data]="dataToPass" [(activeSelected)]="activeSelected" [(showMePartially)]="showChild"></app-edit-dialog-vi>

dataToPass: any = null;
 showChild = false;
 activeSelected: any = '';

但是每次当我在此弹出窗口中保存某些内容时，弹出窗口都会关闭。

这是弹出窗口中的代码。

 @Input() showMePartially: boolean;
  @Output() showMePartiallyChange = new EventEmitter<boolean>();
  @Input() activeSelected: boolean;
  @Output() activeSelectedChange = new EventEmitter<boolean>();
  @Input() data: EditViOptions = null;
  @Input() active: boolean;

<div *ngIf="showMePartially" class="container">

</div>
<button *ngIf="editedValueItem.id.length > 0" (click)="save()">{{'button.#save'|translate}} & {{'button.#continue'|translate}}</button>
<button (click)="save()">{{'button.#save'|translate}}</button>
<button (click)="cancel()">{{'button.#cancel'|translate}}</button>


this.store.dispatch(new InsertValueItemAction(this.editedValueItem));

 if (this.editOptions.valueItem) {
  if (this.editedValueItem.type === ValueItemType.SERVICE || this.editedValueItem.type === ValueItemType.PRODUCT) {
    let list: string[] = [];
    list.push(this.editedValueItem.businessId);
    this.store.dispatch(new SetIdFilterAction(list));
  }
}

/* Here is when the child is appended to parent or is edited */
this.store.dispatch(new ExpandRowAction(this.editOptions.appendToParentId));

我的弹出式视窗在保存内容时会关闭

0 个答案: