使用Jade

时间:2015-11-11 14:15:01

标签: javascript angularjs node.js pug

我试图动态显示和隐藏一些用Jade写的<div>。这似乎很容易,w3school说,但我现在卡住了让它发挥作用。

我将使用侧边栏组成一个Web应用程序。对于它的每个索引,我想显示和隐藏<div>标签中给出的html片段,具体取决于用户将点击哪一个。

下面的代码划痕显示了四个<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变量的策略是否正确。

出了什么问题?

1 个答案:

答案 0 :(得分:0)

知道了!

根本没想到ng-controller='myCtrl'已被宣布不止一次。这引起了我的问题。