<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.red{color:#f00;}
.blue{color:#036;} /*后面的覆蓋前面的樣式*/
</style>
</head>
<body ng-app="myApp">
<div ng-controller="firstController">
<!--ng-focus使用-->
<input type="text" ng-focus="getAa()" ng-blur="getbb()">
<!--ng-selected使用-->
<input type="checkbox" ng-model="sel">
<select name="" id="">
<option value="">1111</option>
<option value="" ng-selected="sel">2222</option>
<option value="">3333</option>
</select>
<!--ng-change的使用-->
<input type="checkbox" ng-model="cc" ng-change="change()">
<!--ng-class的使用-->
<div ng-class="{red:true,blue:true}">我是中國人</div>
<!--ng-style的用法,,,,,,注意顏色值需要加單引號-->
<div ng-style="{color:'#F00'}">我是中國人</div>
<!--ng-href-->
<a ng-href="http://www.baidu.com">百度</a>
<!--ng-show 還有ng-hide，但是建議使用ng-show，改變他的值就好了，其他的ng-hide ng-if可以不使用-->
<div ng-show="true">ng-show</div>
</div>
</body>
<script src="angular/angular.js"></script>
<script type="text/javascript">
var app=angular.module("myApp",[]);
app.controller('firstController',function($scope){
$scope.getAa=function(){
alert();
}
$scope.getbb=function(){
alert("bb");
}
$scope.change=function(){
if($scope.cc==true){
alert("選中");
}else{
alert("未選中");
}
}
})
</script>
</html>
這節比較簡單，不記得怎么用可以看看api都不會有太大的問題
所以也沒有用太大的篇幅去寫了
就在剛剛，我朋友說如果是新的項目就不要用ionic了，建議用react native，大家覺得怎樣
當然我也會研究react，到時候對比一下。