天天看点

angularjs基础知识。持续更新。。。

最简单的定义一个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自带的判断函数

继续阅读