最简单的定义一个user变量
$scope.user='闪电哥';
定义一个user对象
$scope.user={name:'闪电',age:'13',sex:'男'};
定义一个数组
$scope.num=[1,2,3,4,5,6];
定义一个对象数组
$scope.statuses = [
{value: 1, text: 'status1'},
{value: 2, text: 'status2'},
{value: 3, text: 'status3'},
{value: 4, text: 'status4'}
];
定义一个json对象,包含函数
$scope.goods={
data:{'title':'appleMac','price':300,'num': 0},
add:function(){
$scope.goods.data.num=Math.min(++$scope.goods.data.num,6);
},
reduce:function(){
$scope.goods.data.num=Math.max(--$scope.goods.data.num,0);
}
};
好了。今天先整理这一点点,马上去上课了
<div ng-controller="ctrl">
游戏:<input type="checkbox" ng-model="data.game" ng-true-value="1" ng-false-value="0">
电影:<input type="checkbox" ng-model="data.movie" ng-true-value="1" ng-false-value="0">
{{data}}
<div ng-show="data.game==1">
<h1>游戏</h1>
<textarea cols="30" rows="10"></textarea>
</div>
<div ng-show="data.movie==1">
<h1>游戏</h1>
<textarea cols="30" rows="10"></textarea>
</div>
</div>
<script type="text/javascript">
var m = angular.module('hd',[]);
m.controller('ctrl',['$scope',function($scope){
$scope.data = {
game:0,
movie:0
};
}]);
</script>
angularjs对象深拷贝
var obj = {name:'后盾人'};
var obj1 = obj; //引用相同的数据,指向相同的地址
obj1.name='后盾网'
console.log(obj);
var obb = {name:'后盾人'};
var obj2 = {};
angular.copy(obj,obj2); //深拷贝,把obj赋值给obj2
obj2.name = '后盾网';
console.log(obb);
angular.forEach()的使用,可以遍历数组,可以遍历对象.
//数据填充
var obj = {name:'后盾网'};
angular.extend(obj,{url:'houdunwang.com',web:'nimabi'});
console.log(obj);
//数据遍历1.数组遍历
$scope.data = [{name:'后盾网',url:'houdunwang.com'},{name:'后盾人',url:'houdunren.com'}];
angular.forEach($scope.data,function(v,k){ //v 是值 k是下标
v.url='www.'+v.url;
});
//数据遍历2.对象遍历
$scope.data = {name:'后盾网',url:'houdunwang.com'};
angular.forEach($scope.data,function(v,k){ //v 是值 k是属性名称
v.url='www.'+v.url;
console.log(k)
});
console.log(angular.isArray([]));
console.log(angular.isDate(new Date()));
var a;
var b = 0;
console.log(angular.isDefined(a));//判断是否定义数据
console.log(angular.isUndefined(a));//判断是否没有定义数据
console.log(angular.isFunction(function(){}));//判断是否为函数
console.log(angular.isNumber(0));
console.log(angular.isString(0));//判断是否是一个字符串
var d = {};
console.log(angular.isObject(d));//判断是否为对象
var e = document.getElementsByTagName('div')[0];
console.log(angular.isElement(e));//判断是否为标签元素
var f = {name:9};
var g = {name:8};
console.log(angular.equals(f,g));
angularjs自带的判断函数