使用Jade處理ng-show

我試圖使用Jade動態地顯示和隱藏一些<div>。這似乎很容易，因爲w3school說，但我現在陷入困境，使其工作。使用Jade處理ng-show

我打算用側邊欄組成一個Web應用程序。對於它的每個索引，我想要顯示並隱藏片段，在<div>標籤內給出，取決於用戶將點擊哪一個。

下面的代碼從頭開始顯示四個標籤<div>（TEST1，TEST2，TEST3，TEST4），我要顯示或根據填充在我的控制器一些變量（test1Visible，test2Visible，test3Visible，test4Visible）隱藏。

body(ng-app='myApp' ng-controller='myCtrl') 
    //... 
    #test1(ng-show='test1Visible') 
    include test.jade 

    #test2(ng-show='test2Visible') 
    include test.jade 

    #test3(ng-show='test3Visible') 
    include test.jade 

    #test4(ng-show='test4Visible') 
    include test.jade 
    //...

通過這些div默認沒有顯示，我想知道，如果使用test#Visible變量的戰略是正確的做法。

怎麼了？

來源

2015-11-11 grimi

我看不出它有什麼問題。如果您希望至少一次顯示一個，只需將其寫入邏輯中，便可顯示/隱藏任何操作。但是如果這些更像應用程序的不同頁面，我會使用ui-router進行研究。 – Stephen

Got it！

根本沒有想到ng-controller='myCtrl'已被宣佈不止一次。這導致了我的問題。

來源

2015-11-11 14:46:59 grimi

使用Jade處理ng-show

回答

相關問題