<!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 中移除元素。
