angularjs常用指令
Posted kellyPan
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了angularjs常用指令相关的知识，希望对你有一定的参考价值。
1、ng-app=" " 定义angularJS的使用范围；
2、ng-init="变量=值;变量=‘值‘" 初始化变量的值，有多个变量时，中间用分号隔开；
3、ng-model="变量" 定义变量名；
4、ng-bind="变量" 绑定变量名，获取该变量的数据。这里的变量就是第3条的变量名。但是一般都用双重花括号来获取变量的值，比如：{{变量}}。
AngularJS 通过 指令 扩展了 html，且通过 表达式 绑定数据到 HTML。
AngularJS 通过 ng-directives 扩展了 HTML。
ng-app 指令定义一个 AngularJS 应用程序。
ng-model 指令把元素值（比如输入域的值）绑定到应用程序。
ng-bind 指令把应用程序数据绑定到 HTML 视图。
例如：
<div ng-app="">
<p>名字 : <input type="text" ng-model="name"></p>
<h1>Hello {{name}}</h1>
</div>
ng-repeat 指令会重复一个 HTML 元素；
创建自定义的指令：
<body ng-app="myApp">
<runoob-directive></runoob-directive>
<script>
var app = angular.module("myApp", []);
app.directive("runoobDirective", function() {
return {
template : "<h1>自定义指令!</h1>"
};
});
</script>
</body>
restrict 值可以是以下几种:
E 作为元素名使用
A 作为属性使用
C 作为类名使用
M 作为注释使用
restrict 默认值为 EA, 即可以通过元素名和属性名来调用指令
提示信息会在 ng-show 属性
<form ng-app="" name="myForm">
Email:
<input type="email" name="myAddress" ng-model="text">
<span ng-show="myForm.myAddress.$error.email">不是一个合法的邮箱地址</span>
</form>
以上实例中，提示信息会在 ng-show 属性返回 true 的情况下显示。
以上是关于angularjs常用指令的主要内容，如果未能解决你的问题，请参考以下文章