「AngularJS」ng-ifディレクティブを使うサンプル

2020年12月3日

構文
<element ng-if="expression"></element>
ngIfに割り当てられている式がfalseの値になると、要素はDOMから削除され、
そうでなければ要素の複製がDOM内に再挿入されます。
使用例
htmlコード

<head>
<meta charset="utf-8">
<script src="/angular.js/1.4.6/angular.min.js"></script>
</head>

JSコード

<body ng-app="">
save HTML: <input type="checkbox" ng-model="myVar" ng-init="arkVar = true">

<div ng-if="arkVar">
<h1>Study</h1>
<p>Welcome study in arkgame</p>
<hr>
</div>

 

AngularJS

Posted by arkgame