javascript - 如何使用 angular8 和 bootstrap4 检测保存和选项卡更改事件

Question

我在 angular8 中使用了 bootstrap4 选项卡。现在，如果我没有在第一个选项卡（即user选项卡）中填写详细信息并单击提交，则other必须禁用该选项卡，一旦单击提交按钮，则必须启用另一个选项卡。这里基于点击其他标签，other必须加载标签中的内容，如果other未点击标签，则标签中的详细信息others不能填写。我尝试过使用 click 事件和 tabChange 事件，但一切都在 app.component 中工作，但数据不会基于点击其他选项卡而到达用户或其他选项卡。

无论如何我都没有前进，我什至通过服务文件在应用程序内使用了事件发射器和存储，但对我没有任何帮助。

演示

标签： javascriptangular

Answer 1

我看了你的演示，我想我理解你的问题。我个人非常喜欢使用 ReplaySubjects 和 EventEmitters 通过我的组件上下传递数据。这是一个工作演示：
工作演示
如果它不是您想要的，请告诉我。