ionic准备之angular基础——dom操作相关,6

<!DOCTYPE html>
<html >
<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="" >
            <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-#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,到时候对比一下。