CODEWITHSUNDEEP
angularjs
ankakusu
ankakusu

Reputation: 1828

AngularJS ng-show

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?

Upvotes: 0

Views: 194

Answers (1)

lucuma
lucuma

Reputation: 18339

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

Upvotes: 3

Related Questions