angularJS 基础回顾

文章作者：松阳

本文出自 阿修罗道，禁止用于商业用途，转载请注明出处。  

原文链接：http://blog.csdn.net/fansongy/article/details/44106207

width="150" height="210" frameborder="0" scrolling="no" src="http://widget.weibo.com/relationship/bulkfollow.php?language=zh_cn&uids=2080045857&wide=1&color=FFFFFF,FFFFFF,0082CB,666666&showtitle=0&showinfo=1&sense=0&verified=1&count=1&refer=http%3A%2F%2Fwww.himigame.com%2Fandroid-game%2F1521.html&dpc=1" style="font-size: 14px; font-weight: bold; border-width: 0px; margin: 0px; padding: 0px; font-family: arial, helvetica, clean, sans-serif; line-height: 16px;">

---

数据

“I'm string”
123
{A:"I'm",B:"Dictory"}
{"I","am","array"}

基本数据使用 ng-init,ng-bind 关联。

表达式

可以写在文本区域的内容，表达方式为：{{expression}}它其实定价于ng-bind。

 
My express:{{"check Now~"+firstName}}

指令

• ng-app 指令定义了 AngularJS 应用程序的根元素。
• ng-repeat 指令对于集合中（数组中）的每个项会 克隆一次 HTML 元素。

	

	
	
循环对象：
	

	  

	    {{ x.name + ', ' + x.country }}
	  
	
	

控制器

注意 脚本加载要放在使用前 例如在head中：

使用控制器要先声明一个对应的module。如上面的代码，使用angular.module('appName',['dependcyModuleNmae'])来实现，并调用controller方法添加对应的controller。使用时直接使用对应的$scope即可

	

	    FirstName:

	    LastName:

	    Whole: {{persion.firstName+" "+persion.lastName}}
	

一个页面控制器只能加载一个ng-app，它相当于main()。

过滤器

使用管道符可开启过滤功能

• currency 格式化数字为货币格式。
•  filter 从数组项中选择一个子集。
•  lowercase 格式化字符串为小写。
•  orderBy 根据某个表达式排列数组。
•  uppercase 格式化字符串为大写。

例如：

{{ (x.name |uppercase)+","+x.others }}
总价 = {{ (quantity * price) | currency }}

事件

向上传播事件$emit('myEvent')，同层传播时间$broadcast('myEvent') 收事件使用：

$scope.$on('myEvent'),function() {
    $scope.count++;
}

$scope

$scope是angularjs的基础。它是树形结构，根节点为`$rootScope。可以使用angular.element($0).scope()`进行调试。

如果你觉得这篇文章对你有帮助，可以顺手点个顶，不但不会喜当爹，还能让更多人能看到它...