angularjs简单功能

发布时间：2020-12-17 09:43:27 所属栏目：安全来源：网络整理

导读：!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 = "" v

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!