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

Javascript 如何使用angular8和bootstrap4检测保存和选项卡更改事件,javascript,angular,Javascript,Angular,我在angular8中使用了bootstrap4选项卡。现在,如果我没有在第一个选项卡中填写详细信息,(即)user选项卡并单击submit,则必须禁用other选项卡,单击submit按钮后,必须启用other选项卡。 这里基于点击其他选项卡,必须加载其他选项卡中的内容,如果未点击其他选项卡,则不得填写其他选项卡中的详细信息。我尝试过使用click event和tabChange event,但在app.component中一切都正常,但基于单击其他选项卡,数据不会到达用户或其他选项卡 我无论

我在angular8中使用了bootstrap4选项卡。现在,如果我没有在第一个选项卡中填写详细信息,(即)
user
选项卡并单击submit,则必须禁用
other
选项卡,单击submit按钮后,必须启用other选项卡。 这里基于点击其他选项卡,必须加载
其他
选项卡中的内容,如果未点击
其他
选项卡,则不得填写
其他
选项卡中的详细信息。我尝试过使用click event和tabChange event,但在app.component中一切都正常,但基于单击其他选项卡,数据不会到达用户或其他选项卡

我无论如何都不想前进,我甚至通过服务文件使用了应用程序中的事件发射器和存储,但对我来说没有任何效果


我看过你的演示,我想我理解你的问题。我个人非常喜欢使用ReplaySubjects和EventEmitter通过组件上下传递数据。这是一个工作演示:


如果不是您想要的,请告诉我。

谢谢您的回复,单击“其他”选项卡,我希望数据加载到“其他”选项卡,如果我没有单击“其他”选项卡,数据应该为空。我已经使用了您的答案并举了一个例子。在此,根据单击“其他”选项卡,必须加载数据。如果我没有单击“其他”选项卡,则不得加载“其他”选项卡中的数据,在此基于单击“其他”选项卡,我将加载该屏幕所需的api,在此基于单击“其他”选项卡,如果我添加新条目,则我需要从浏览器的localstorage获取id,这可以处理吗?你能帮我抛出验证消息吗?当表单变脏时,我单击其他选项卡,如果我说不,那么它必须转到其他选项卡,如果我单击是,它必须保留在同一选项卡中