Javascript 用玉石处理ng秀

我试图动态地显示和隐藏一些用Jade编写的

。正如我所说的，这似乎很容易，但我现在正陷入困境，无法让它发挥作用

我将用一个侧边栏构建一个web应用程序。对于它的每个索引，我想显示和隐藏在

标记中给出的html片段，具体取决于用户将单击哪个

下面的代码显示了四个

标记（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

变量的策略是否正确

怎么了？明白了

---

只是没有想到

ng controller='myCtrl'

已经声明了不止一次。这导致了我的问题。

我看不出有什么问题。如果您希望始终至少显示一个，只需将其写入逻辑中，用于任何导致它们显示/隐藏的操作。但如果这些更像是应用程序的不同页面，我会考虑使用ui路由器。