Question

我从ngx-bootstrap modal开发了三个不同的组件 1.模式2. iFrame模式3. Alertbox模式

我只是将模板传递到这些组件中，然后它们呈现出来。

但是，当我在单个模板中使用任意两个模板时，就会出现问题。哪个共享同一个实例。因此，当我隐藏一个模态时，隐藏的其他模态输出也会触发。

我认为这是由于BsModalService服务使用率相同。那么有什么解决办法吗？

var table = $('#bankReconDataListing').DataTable();
$.map(table.rows('.selectedrow').data(), function (item) {
    item.remarks = 'updated values';
    console.log('-----------------1>',item);
});

Answer 1

尝试实例化与该特定组件有关的服务。由于您正在订阅模式关闭并发出事件，因此似乎在所有情况下都需要调用此方法，而与该特定组件无关。希望这会有所帮助：）

@Component({
  selector: 'app-modal',
  templateUrl: './modal.component.html',
  styleUrls: ['./modal.component.css'],
  providers: [BsModalService]
})

---------------------------------------------------------

@Component({
  selector: 'app-alertbox',
  templateUrl: './alertbox.component.html',
  styleUrls: ['./alertbox.component.css'],
  providers: [BsModalService]
})

ngx-bootstrap模态的单实例问题

1 个答案: