「AngularJS」ng-showディレクティブのサンプル
書式
<div ng-show="myValue"></div>
使用例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="/angular.js/1.4.6/angular.min.js"></script>
</head>
<body ng-app="">
HTMLを表示: <input type="checkbox" ng-model="myVar">
<div ng-show="myVar">
<h1>study</h1>
<p>skill in arkgame</p>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="/angular.js/1.4.6/angular.min.js"></script>
</head>
<body ng-app="">
HTMLを表示: <input type="checkbox" ng-model="myVar">
<div ng-show="myVar">
<h1>study</h1>
<p>skill in arkgame</p>
</div>
</body>
</html>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="/angular.js/1.4.6/angular.min.js"></script> </head> <body ng-app=""> HTMLを表示: <input type="checkbox" ng-model="myVar"> <div ng-show="myVar"> <h1>study</h1> <p>skill in arkgame</p> </div> </body> </html>