AngularJs 学习笔记 3

浏览数：48 / 时间：2015年06月09日

<script id="others_angular_103" type="text/javascript" class="library" src="/js/sandbox/other/angular.min.js"></script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html>
<html> 
		<script class="library" src="/js/sandbox/other/angular-1.3.0.js" ></script>

<style>
table, th , td  {
  border: 1px solid grey;
  border-collapse: collapse;
  padding: 5px;
}
table tr:nth-child(odd)	{
  background-color: #f1f1f1;
}
table tr:nth-child(even) {
  background-color: #ffffff;
}
</style>
<body>
<!--
<div ng-app="" ng-init="names=[
{name:‘Jani‘,country:‘Norway‘},
{name:‘Hege‘,country:‘Sweden‘},
{name:‘Kai‘,country:‘Denmark‘}]">
<p>循环对象:</p>
<ul>
  <li ng-repeat="x in names">
  {{ x.name + ‘, ‘ + x.country }}</li>
</ul>
</div>-->
<!--	<div ng-app="" ng-controller ="test0Ctrl">
		{{ test.name +" is "+test.age +" years old. " }}
		<br />
		{{ test.job()}}  
		<br />
		{{ test.name+" always "+lunch() +" have lunch."}}
	</div>-->
	<div ng-app="" ng-controller ="newController">
	 <ul>
		 <!--orderBy 过滤器 -->
		 <li ng-repeat="i in LontonCP | orderBy: ‘addr‘">
			 {{"The name is : "+i.name+" sex is : "+i.sex +" and the home address is in "+i.addr}}
			 <p>姓名转为小写为 {{ i.name | lowercase  }}</p>
		 </li>
		</ul>
		<input type = "text" ng-modal ="say.text" />
		<p>{{say.text}},Angular.js</p>
	<table>
		<th>姓名</th>
		<th>性别</th><th>家庭住址</th>
		<tr ng-repeat="j in LontonCP | orderBy: ‘addr‘">
			<td>{{j.name}}</td>
			<td>{{j.sex}}</td>
			<td>{{j.addr}}</td>
		</tr>
	</table>
	</div>
<!--
	<div ng-app="" ng-init="test=[
{age:10,sex:‘M‘},
{age:11,sex:‘F‘},
{age:12,sex:‘F‘}]">
		<p>循环数据</p>
		<ul>
			<li ng-repeat="y in test">
				{{ y.age +" is : " + y.sex}}
			</li>
		</ul>
	</div>
-->
<script src="//www.w3cschool.cc/try/angularjs/1.2.5/angular.min.js"></script>
	
</body>
</html>

function test0Ctrl ($scope){
		$scope.test = {
			name:"ton",
			age:33,
			time:‘12:20‘,
			job:function(){
			
				var obj = $scope.test;
				
				return "he work in Big ";
			}
			
		};

		
		$scope.lunch = function(){
		
			return $scope.test.time;
		};
		
	}
function newController ($scope){

	$scope.LontonCP =[
		{name:"WenFeng",sex:"M",addr:"武汉"},
		{name:"WangHongJun",sex:"M",addr:"江苏"},
		{name:"TianHaoYuan",sex:"M",addr:"宝鸡"},
		{name:"LiuFang",sex:"F",addr:"黑龙江"},
		{name:"ZhuJun",sex:"M",addr:"江苏"},
		{name:"WangRenSen",sex:"M",addr:"厦门"},
		{name:"YangMing",sex:"F",addr:"咸阳"},
		{name:"SiDang",sex:"M",addr:"临潼"}
		
	]
		
}

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

AngularJs 学习笔记 3