码迷,mamicode.com
首页 > Web开发 > 详细

angularjs常用指令

时间:2017-11-12 17:32:16      阅读:163      评论:0      收藏:0      [点我收藏+]

标签:run   扩展   情况下   应用   form   angular   mode   put   绑定   

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常用指令

标签:run   扩展   情况下   应用   form   angular   mode   put   绑定   

原文地址:http://www.cnblogs.com/kellyPan/p/7821858.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!