AngularJS ng-show

Question

I want to show and hide a div with ng-show directive.

Here is my HTML file:

<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>

Here is my CoffeeScript file:

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

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

Here is the codepen for it.

What is the problem? Can you help?

Answer 1

The issue with your code is :

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

It should be:

<body ng-app="myApp">

Don't confuse how you define attributes with their values.

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

AngularJS ng-show

Question

1 answers

solution1
3 ACCPTED 2014-06-27 13:54:24

AngularJS ng-show

Question

1 answers

solution1 3 ACCPTED 2014-06-27 13:54:24

solution1
3 ACCPTED 2014-06-27 13:54:24