ng-options

前端之家收集整理的这篇文章主要介绍了ng-options前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

代码

  1. <!DOCTYPEhtml>
  2. <htmlng-app="app">
  3. <head>
  4. <Metacharset="UTF-8">
  5. <title></title>
  6. <scriptsrc="lib/angular.js"></script>
  7. <script>
  8. varapp=angular.module('app',[]);
  9. app.controller('selectController',function($scope){
  10. $scope.mycity='上海';
  11. $scope.Cities=[{id:1,name:'北京',group:'中国'},{id:2,name:'上海',{id:3,name:'广州',group:'中国'}];
  12. });
  13. </script>
  14. </head>
  15. <body>
  16. <divng-controller="selectController">{{mycity}}
  17. <selectng-model="mycity"ng-options="v.nameasv.nameforvinCities">
  18. </select>
  19. </div>
  20. </body>
  21. </html>

"v.name as v.name for v in Cities"这段代码最重要,

Cities是数据来源,

v是Cities中的子数据,

第二个v.name将会展示在option中,

第一个v.name将会把值和ng-model="mycity"进行同步。

猜你在找的Angularjs相关文章