2016-06-01 25 views
0
<html ng-app="myApp"> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
</head> 
<body ng-controller="XYZController"> 
{{menuState.show1}} 
<div> 

<ul ng-show='menuState.show1'> 

<li ng-click='stun()'>Stun</li> 
<li ng-click='disintegrate()'>Disintegrate</li> 
<li ng-click='erase()'>Erase from history</li> 
</ul> 
<button ng-click='toggleMenu()'>Toggle Menu</button> 
</div> 


<script type="text/javascript"> 
var show2 =false; 
var app=angular.module("myApp",[]); 
app.controller("XYZController",function($scope){ 
$scope.menuState.show1=show2; 

}); 
</script> 

</body> 
</html> 

このコードでは、すべてのクリック要素を非表示にすることが想定されています。私のコントローラがリンクされていないと思います。角で要素を表示/非表示にする

答えて

0

$ scope.menuStateは未定義です。

これを試してみてください:

<html ng-app="myApp"> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
</head> 
<body ng-controller="XYZController"> 
{{menuState.show1}} 
<div> 

<ul ng-show='menuState.show1'> 

<li ng-click='stun()'>Stun</li> 
<li ng-click='disintegrate()'>Disintegrate</li> 
<li ng-click='erase()'>Erase from history</li> 
</ul> 
<button ng-click='toggleMenu()'>Toggle Menu</button> 
</div> 


<script type="text/javascript"> 
var show2 =false; 
var app=angular.module("myApp",[]); 
app.controller("XYZController",function($scope){ 
$scope.menuState = {} 
$scope.menuState.show1=show2; 

}); 
</script> 

</body> 
</html> 
関連する問題