angular学习

来源:互联网 发布:教育统计软件安装 编辑:程序博客网 时间:2024/06/05 17:16
<!DOCTYPE html><html><head><meta charset="utf-8"><script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script> </head><body> <div ng-app="" ng-init="firstName='John';quantity=1;price=5;names=['Jani','Hege','Kai'];names2=[{name:'Jani',country:'Norway'},{name:'Hege',country:'Sweden'},{name:'Kai',country:'Denmark'}]">     <p>我的第一个表达式: {{ 15 + 5 }}</p>      <p>在输入框中尝试输入:</p>     <p>姓名:<input type="text" ng-model="firstName"></p>     <p>你输入的为: {{ firstName }}</p> <h2>价格计算器</h2> 数量: <input type="number"    ng-model="quantity">价格: <input type="number" ng-model="price"> <p><b>总价:</b> {{ quantity * price }}</p><p>使用 ng-repeat 来循环数组</p>  <ul>    <li ng-repeat="x in names">      {{ x }}    </li>  </ul>  <p>循环对象:</p><ul>  <li ng-repeat="x    in names2">    {{ x.name + ', ' + x.country }}  </li></ul></div></body></html>

原创粉丝点击