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>