<!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，到时候对比一下。