你的位置:首页 > 软件开发 > Java > AngularJS的一点学习笔记

AngularJS的一点学习笔记

发布时间:2016-12-09 01:00:11
ng-options="item.action for item in todos"  ng-options表达式的基本形式, 形如 "<标签> for <项目> in <数组>   <option va ...

  ng-options="item.action for item in todos"

  ng-options表达式的基本形式, 形如 "<标签> for <项目> in <数组>

 

  <option value="">(chosse one) </option>

 

  ng-options="item.id as item.action for item in todos"

  在表单的形式如<所选属性>as <标签> for <变量> in <数组>

 

  ng-options="item.action group by item.place for item in todos" 

  将对象进行分组

 

  使用无作用域的控制器

  

 1 <!DOCTYPE html> 2 <html lang="en" ng-app="iApp"> 3 <head> 4   <meta charset="UTF-8"> 5   <title>Document</title> 6   <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css"> 7   <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap-theme.css"> 8   <script src='/images/loading.gif' data-original="bower_components/angular/angular.js"></script> 9   <script>10     angular.module('iApp',[])11       .controller('topCtrl',function(){12         this.dataValue='Hello,Adam';13         this.reverseText=function(){14           this.dataValue=this.dataValue.split("").reverse().join("");15         }16       })17   </script>18 </head>19 <body >20   <div class="well" ng-controller="topCtrl as ctrl">21     <h4>Top level Controller</h4>22     <div class="input-group">23       <span class="input-group-btn">24         <button class="btn btn-default" ng-click="ctrl.reverseText()">Reverse</button>25       </span>26       <input type="text" class="form-control" ng-model="ctrl.dataValue">27     </div>28   </div>  29 </body>30 </html>

 

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com

原标题:AngularJS的一点学习笔记

关键词:JS

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。