myAppModule.controller(‘FrmController‘, [‘$scope‘,function($scope){
$scope.colors = [{name:‘black‘, shade:‘dark‘},{name:‘white‘, shade:‘light‘},{name:‘red‘, shade:‘dark‘},{name:‘blue‘, shade:‘dark‘},{name:‘yellow‘, shade:‘light‘}];
$scope.myColor = ‘red‘;}]);<select ng-model="m.myColor" ng-options="color.name as color.name for color in colors">
</select></form><!doctype html><html><head><meta charset="UTF-8"><title>test</title><script type="text/javascript" src="angular.min.js"></script><script>var myApp = angular.module("myApp", []);myApp.controller("testCtrl", function($scope){ $scope.data = [{id:1,value:‘hello‘},{id:2,value:‘bye‘},{id:3,value:‘hmmmm‘}]; //$scope.selectValue = $scope.data[0].id;});</script></head><body ng-app="myApp"><form ng-controller="testCtrl"> <select ng-model="selectValue" ng-options="item.id as item.value for item in data"></select><br /><br /> <div ng-switch="selectValue"> <div ng-switch-when="1">hello</div> <div ng-switch-when="2">bye</div> <div ng-switch-when="3">hmmmm</div> <div ng-switch-default>ah?</div> </div></form></body></html> |
原文：http://www.cnblogs.com/stit/p/6367826.html