AgularJS 笔记

大小写

angularJS 区分大小写

ng-app

如果ng-app = "" 名字是空字符串， 则不需要在脚本中写var app = angular.module()

如果ng-app="xxx"，名字不为空，则必须在脚本中写 var app = angular.module("xxx", []); 否则html 代码中使用的model无效。

ng-click

ng-click="functionName()" 方法名后一定要加括号

指令

自定义指令， 在html中用短横线分割单词

在JS中用小驼峰命名规则

单选框 (radio)

多个单选框分组：绑定相同model名字的单选框是一组

下拉框（select）

如果使用ng-options来绑定选项（推荐使用这种方式），需要设置ng-model绑定才能显示选项。使用ng-init设置默认选项，如果不设置默认选项，将会有空白选项出现。

如果选项是通过$http服务获取得到的，则获取数据有延时（通过回调写回数据），因此，使用ng-init来设置默认选项将会无效，解决方法是脚本中，获取到选项数据后，对下拉框的model复制。

两种常用方式

<select ng-model="number" ng-init="number='1'" >
		<option value=1>1</option>
		<option value=2>2</option>
		<option value=3>3</option>
	</select>




<select ng-options="site.Name for site in sites" 
	ng-model="finalSite"
	ng-init="finalSite=sites[1]">
</select>


$http.get("http://www.runoob.com/try/angularjs/data/sites.php")
.then(function successCallback(response){
	$scope.sites = response.data.sites;
	$scope.finalSite = $scope.sites[0]; 
},   
function errorCallback(response){
	lert("http get error");
});