AngularJS的相关应用
Posted L茨木
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了AngularJS的相关应用相关的知识，希望对你有一定的参考价值。
一.【AngularJS常用指令】
1、ng-app:声明Angular所管辖的区域。一般写在body或html上，原则上一个页面只有一个；
<body ng-app=""></body>
2、ng-model:把元素值（比如输入域的值）绑定到应用程序的变量中。
<input type="text" ng-model="name"/>
3、ng-bind:把应用程序变量中的数据绑定到 HTML视图中。可用表达式{{ }}替代；
<div ng-bind="name"></div>
<div>{{name}}</div>
4、ng-init:初始化 AngularJS应用程序中的变量。
<body ng-app="" ng-init="name=123">
5、表达式： {{}} 绑定表达式，可以包含文字、运算符和变量。但表达式在网页加载瞬间会看到{{}},所以可以用ng-bind=""替代
{{ 5 +""+ 5 + ‘,Angular‘}}
二.【服务Service】
1、内置服务：
>>> 使用内置服务,必须在Controller中通过函数的参数注入进来！！！！！
$location：返回当前页面的 URL地址。
$http:向服务器发送请求，应用响应服务器传送过来的数据,类似于Ajax
$timeout：相当于setTimeout();
$interval：相当于setInterval();
三.AngularJS中，过滤器可以使用一个管道字符（|）添加到表达式和指令中。
>>> 系统内置过滤器：
currency 格式化数字为货币格式。
filter 从数组项中选择一个子集。
lowercase 格式化字符串为小写。
orderBy 根据某个表达式排列数组。
uppercase 格式化字符串为大写。
四 AngularJS中select和表格
使用数组作为数据源。
其中，x表示数组的每一项。
默认会将x直接绑定到option的value中。
而option显示的内容，有前面的x for... 决定
-->
<!--<select ng-model="name" ng-options="x.site for x in sites">
</select>-->
<!--
使用对象作为数据源.
其中，(x,y)表示键值对，x为键，y为值。
默认会将值y绑定到option的value中.
而option显示的内容，有前面的x for... 决定
以上是关于AngularJS的相关应用的主要内容，如果未能解决你的问题，请参考以下文章
邮政研究基于Ionic+AngularJS+Cordova框架的异常邮件双录查据系统手机客户端的构建（节选）