引導部件（型號，製表符，下拉）在EmberJs切換路由時

Question

引導部件（型號，製表符，下拉）在EmberJs切換路由時不工作不工作

我有兩個{{出口} }在我的application.hbs中，一個用於登錄，其他所有頁面都用其他。

{{#if isLoggedIn}} 
    <div class="main">{{outlet}}<div> 
{{else}} 
    <div class="login">{{outlet}}</div> 
{{/if}} 

最初引導部件工作正常，如果我過渡到登錄，然後回來等航線則在其他路線的組件不工作。

以前工作的選項卡不可點擊。 下拉菜單不可點擊。 該模型沒有顯示在點擊按鈕上。

如果我對兩條路線使用相同的插座，那麼它工作正常。

Answer 1

在轉換更改時，ember徹底修改了DOM。這意味着每次更改DOM結構時，都必須重新初始化引導組件。

要解決此問題，您有兩個選項。

1. 執行您自己的組件並在didInsertElement鉤子上調用特定的引導程序初始化方法。
2. 使用像ember-bootstrap這樣的現有餘燼插件，它提供所有引導組件作爲餘燼組件。

我會堅持2.