您的位置：首页 > Web前端 > AngularJS

angularjs简单功能

2017-01-02 16:07 246 查看

<!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

相关文章推荐

新的分享

章节导航