angular.js的简单使用
1、<body> <div> <p>数字: {{ 5 + 5 }}</p&爿讥旌护gt; </div> <div ng-app="" ng-init="quantity=1;cost=5"> <p>数字乘积： {{ quantity * cost }}</p> <p>数字使用： <span ng-bind="quantity * cost"></span></p> </div> <div ng-app="" ng-init="quantity1=1;cost1=5"> <p>在这里是没有办法正常使用的，必须在ng-app属性包含的程序里面，ng-app用于声明程序为angular程序</p> </div> </body>
3、<!--对象的使用--><div ng-app="" ng-init="person={name:'zhangsan',age:26}"><p>姓名： {{ person.name }}<br>年龄：{{person.age}}</p></div>
5、实现内容输入下面实时展示输入的内容<div ng-app="" ng-init=""> <p>在下面输入框输入内容</p> <p>姓名：<input type="text" ng-model="name"></p> <p>你输入的为： {{ name }}</p> </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>
