angularjs简单功能

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

angularjs简单功能

相关文章