angular.js的简单使用
1、<body>
<div>
数字: {{ 5 + 5 }}
</div>
<div ng-app="" ng-init="quantity=1;cost=5">
数字乘积： {{ quantity * cost }}
数字使用： <span ng-bind="quantity * cost"></span>
</div>
<div ng-app="" ng-init="quantity1=1;cost1=5">
在这里是没有办法正常使用的，必须在ng-app属性包含的程序里面，ng-app用于声明程序为angular程序
</div>
</body>
2、<body>
<div ng-app="" ng-init="name='zhangsan';de='好人'">
字符串拼接： {{ name + " " + de }}
字符串拼接： <span ng-bind="name+''+de"></span>
3、<!--对象的使用-->
<div ng-app="" ng-init="person={name:'zhangsan',age:26}">
姓名： {{ person.name }}<br>年龄：{{person.age}}
</div>
4、<!--数组的使用-->
<div ng-init="arr = [1,2,3,4,5]">
数组的第二个元素{{arr[1]}}
数组的第二个元素<span ng-bind="arr[1]"></span>
</div>
</div>
</body>
5、实现内容输入下面实时展示输入的内容
<div ng-app="" ng-init="">
在下面输入框输入内容
姓名：<input type="text" ng-model="name">
你输入的为： {{ name }}
</div>
6、简单实例：
<div ng-app="" ng-init="">
简单计算器的编写
价格：<input type="number" ng-model="price">
数量：<input type="number" ng-model="num">
总金额：<span>{{price*num}}</span>
</div>
7、循环数组方法：使用ng-repeat遍历数组；
<div ng-app="" ng-init="names=['zs','ls','ww']">
<ul>
<li ng-repeat="x in names">
{{ x }}
</li>
</ul>
</div>
</body>
