angularJS学习之路(十五)---ng-select

来源:互联网 发布:淘宝九块九 编辑:程序博客网 时间:2024/05/16 15:52

作用就是构建  动态表单


和它ng-options一起使用


<!DOCTYPE html><html ng-app="myApp"><head><meta charset="utf-8"><title></title></head><body><div ng-controller="CityController"><select ng-model="city" ng-options="city.name for city in cities"><option value="">Choose City</option></select>Best City: {{ city.name }}</div><script type="text/javascript" src="../js/angular.min.js"></script><script>var app = angular.module('myApp', []);app.controller('CityController', function($scope) {$scope.cities = [{name: 'Seattle'}, {name: 'San Francisco'}, {name: 'Chicago'}, {name: 'New York'}, {name: 'Boston'}];});</script></body></html>


0 0