AngularJS ng-show

时间:2014-06-27 13:52:01

标签: angularjs

我想用ng-show指令显示和隐藏div。

这是我的HTML文件:

<body ng-app="my-app">
  <div ng-controller="MainController">
    <ul ng-show="isVisible" id="context-menu"> 
      <li> Menu item 1 </li>
      <li> Menu item 2 </li>
    </ul>

  </div>
</body>

这是我的CoffeeScript文件:

myApp = angular.module("myApp", [])

myApp.controller "MainController", ["$scope", ($scope) ->
  $scope.isVisible = false
]

以下是codepen

有什么问题?你能帮忙吗?

1 个答案:

答案 0 :(得分:3)

您的代码存在问题:

<body ng-app="my-app">

应该是:

<body ng-app="myApp">

不要混淆用属性定义属性的方式。

http://codepen.io/anon/pen/AHxEw