在 EmberJs 中切换路由时,Bootstrap 组件(模型、选项卡、下拉菜单)不起作用
我的 application.hbs 中有两个 {{outlet}},一个用于登录,另一个用于所有其他页面。
{{#if isLoggedIn}}
<div class="main">{{outlet}}<div>
{{else}}
<div class="login">{{outlet}}</div>
{{/if}}
最初引导程序组件工作正常,如果我转换为登录并返回到其他路由,则其他路由中的组件无法正常工作。
之前工作的选项卡不可点击。下拉菜单不可点击。单击按钮时模型未显示。
如果我为两条路线使用相同的插座,那么它工作正常。
在转换更改时,ember 会彻底修改 DOM。这意味着在 DOM 结构的每次更改时,您都必须重新初始化引导程序组件。
要解决此问题,您有两个选择。
didInsertElement
挂钩上调用特定的引导程序初始化方法。我会坚持方式2。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句