AngularJS学习（二）
浏览数：57 /
时间：2015年06月09日
AngularJS 表达式 很像 JavaScript 表达式：它们可以包含文字、运算符和变量。
<h2>AngularJS 数字</h2>
<div ng-app="" ng-init="quantity=1;cost=5">
<p>总价：{{quantity*cost}}</p>
<p>总价： <span ng-bind="quantity * cost"></span></p>
</div>
<h2>AngularJS 字符串</h2>
<div ng-app="" ng-init="name=‘Lanfeng‘;sex=‘女">
<p>字符串：{{name+‘ ‘+sex}}</p>
<p>字符串： <span ng-bind="name+‘ ‘+sex"></span></p>
</div>
<h2>AngularJS 对象</h2>
<div ng-app="" ng-init="obj={name:‘Lanfeng‘,age:15}">
<p>对象：{{obj.name+‘ ‘+obj.age}}</p>
<p>对象： <span ng-bind="obj.name+‘ ‘+obj.age"></span></p>
</div>
<h2>AngularJS 数组</h2>
<div ng-app="" ng-init="numArr=[1,5,10,13]">
<p>数组：{{numArr[2]}}</p>
<p>数组： <span ng-bind="numArr[2]"></span></p>
</div>
<h2>AngularJS 控制器</h2>
<div ng-app="" ng-controller="MyController">
<p>x姓名：<input type="text" ng-model="person.name"></p>
<p>性别： <input type="text" ng-model="person.sex"></p>
<div>姓名： {{person.name}} </div>
<div>性别：{{person.sex}}</div>
</div>
<script type="text/javascript">
function MyController($scope){
$scope.person = {
name:"LanFeng",
sex:"女"
}
}
</script>
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
