Question

基本上我正在处理一个页面，其目的是向系统添加新订单的表单。在这里有一个简单的下拉菜单，其中有一个产品名称列表，可以使用名为'product-autoscroller'的组件将其添加到订单中。

如果用户想要添加此下拉列表中不存在的新产品，则他们必须转到具有名为“product-management-edit”的组件的单独页面，该组件是用于创建新组件的表单产品并在那里做。

基本上我希望能够在创建订单页面上添加新产品而无需进入这个单独的页面，我希望通过使用弹出对话框菜单来实现。

然而，popover中存在的'product-management-edit'有另一个自动滚动器，它会导致页面在访问时进入无限循环，并且不会给出任何控制台错误。

以下是代码的样子：

//Create order component template 

 <label>Create Order</label>
 <product-autoscroller class="ui-form-control" [preSelectProductId]="currentProduct.Id" [addNewRedirect]="true" (onProductSelected)="onProductSelected($event)"></product-autoscroller>

//Product-autoscroller component template

  <p-dialog class="address-book-dialog p-dialog md-dialog" header="New Product" [(visible)]="showCreateProduct" [draggable]="false" [responsive]="true" [resizable]="false">
           <product-management-edit (onNewSelected)="onNewSelected($event)" *ngIf="showCreateProduct"></product-management-edit>
  </p-dialog>


//Product-management edit

 <label>Create Product</label>
 <product-autoscroller class="ui-form-control" [preSelectProductId]="currentProduct.Id" [addNewRedirect]="true" (onProductSelected)="onProductSelected($event)"></product-autoscroller>

基本上，

创建订单有一个autoscroller，它调用create product，它也包含一个autoscroller，我相信它会导致应用程序崩溃。

有没有办法可以实现这个弹出菜单而不会导致应用程序崩溃？也许是通过递归？

在另一个嵌套组件中多次调用单个组件

0 个答案: