<!DOCTYPE html>
<html>
<head>
<Meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/angular.min.js" ></script>
</head>
<body>
<div ng-app="hd" ng-controller="ctrl">
<label for=""> <input type="checkBox" name="" id="" value="" ng-model="status" /> 接受协议</label>
<button ng-init='copyright=false' ng-click="copyright=!copyright">查看协议</button>
<br />
<textarea name="" rows="10" cols="50" ng-show="copyright" style="align-content: flex-start;">
协议内容:
</textarea>
<br />
<button ng-disabled="!status">注册</button>
</div>
<script> var m=angular.module("hd",[]); m.controller("ctrl",["$scope",function($scope){ }]) </script>
</body>
</html>
ng-if 指令用于在表达式为 false 时移除 HTML 元素。
如果 if 语句执行的结果为 true,会添加移除元素,并显示。
ng-if 指令不同于 ng-hide与ng-show, ng-hide 隐藏元素,而 ng-if 是从 DOM 中移除元素。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。