angularJs的学习（2）

ng-click:可以触发一个函数；

ng-cloak:把包含该属性的元素显示出来；

ng-model:绑定表单;

readonly:不能更改；

ng-show:属性为true显示出来；

ng-true-value:选中时的值

ng-false-value:取消时的值

angular.copy()深拷贝

angular.extend()扩充对象

angular.toJaon()把Json转化成字符串

angular.fromJson()将字符串转化成Json

angular.isArray()判断数据是否是数组

angular.isDate()判断是否是日期对象

angular.isDefined()是否被定义

angular.isUndefined()是否未被定义

angular.isFunction()是否是函数

angular.isNumber()是否是数字

angular.isString()是否是字符串

angular.isObject()是否是对象

angular.isElement()是否是元素

equals()比较

ng-init临时赋值

ng-trim清除两边特殊字符

ng-if是把dom节点移除了

ng-show只是把内容显示或隐藏

每次学完写一遍，感觉像复习一遍

<!--复选框-->
    <div ng-app="hd" ng-controller="ctrl">
      游戏   <input type="checkbox" ng-model="good.game" ng-true-value="1" ng-false-value="0">
        电影  <input type="checkbox" ng-model="good.film" ng-true-value="1" ng-false-value="0">
        <div ng-show="good.game==1">
            <h1>游戏</h1>
           <textarea>
               11111111111
           </textarea>
        </div>
        <div ng-show="good.film==1">
            <h1>电影</h1>
           <textarea>
               0000000000
           </textarea>
        </div>
    </div>
    <script>
        var m=angular.module('hd',[]);
        m.controller('ctrl',['$scope',function($scope){
            $scope.good={'game':0,'film':0};
        }])
    </script>

<!--下拉框菜单-->
    <div ng-app="hd" ng-controller="ctrl">
        <select ng-options="v.value as v.name for v in data" ng-model="city">
            <option value="">请选择城市</option>
        </select>
        {{city}}
    </div>
    <script>
        var m=angular.module('hd',[]);
        m.controller('ctrl',['$scope',function($scope){
            $scope.city = 'beijing';
            $scope.data=[{name:'北京',value:'beijing'},
                {name:'南京',value:'nanjing'},
                {name:'长春',value:'changchun'}
            ]
        }])
    </script>

<div ng-app="hd" ng-controller="ctrl">

    </div>
    <script>
        var m = angular.module('hd',[]);
        m.controller('ctrl',['$scope',function($scope){
//            var obj = {name:'后盾网'};
//            angular.extend(obj,{url:'houdunwang',web:'后盾人'});
//            console.log(obj);
//            $scope.data =[{name:'后盾网',url:'houdunwang'},{name:'后盾人',url:'houdunren'}];
//            angular.forEach($scope.data,function(v,k){
//                v.url='www'+ v.url;
//                console.log(v.url);
//            })
            var data={name:'后盾网',url:'houdunwang'};
            angular.forEach(data,function(v,k){
                v.url='www'+ v.url;
              console.log(v);
            })
        }])
    </script>

<div ng-app="hd" ng-controller="ctrl" ng-init="name='后盾人'">
        <form action="" method="post">
            标题<input type="text" ng-model="title" name="title"><br/>
            <input type="text" name="data"><br/>
            <input type="submit">
        </form>
    </div>
    <script>
        var m = angular.module('hd',[]);
        m.controller('ctrl',['$scope',function($scope){
            $scope.title='';
            $('form').submit(function(){
            $("[name='data']").val($scope.title);
                return false;
            })
        }])
    </script>

积少成多，每天进步一点点