AngularJS 入门3-选择框和表格

AngularJS 入门3-选择框和表格

 

1.AngularJS Select(选择框)

AngularJS 可以使用数组或对象创建一个下拉列表选项。

使用ng-options 创建选择框 <div ng-app="myApp" ng-controller="myCtrl"> <select ng-model="selectedName" ng-options="x for x in names"> </select> </div>	使用 ng-options 创建选择框 <div ng-app="myApp" ng-controller="myCtrl">                           <select ng-model="selectedName"> <option ng-repeat="x in names">{ {x}}</option> </select> </div>
<script> var app = angular.module('myApp', []); app.controller('myCtrl', function($scope) { $scope.names = ["Google", "Runoob", "Taobao"]; $scope.selectedName = $scope.names[0]; }); </script>

应该用哪个更好?

ng-options 指令更适合创建下拉列表，它有以下优势：

使用 ng-options 的选项ng-model是一个对象， 而ng-repeat 的ng-model是一个字符串。

使用 ng-options 创建选择框 <div ng-app="myApp" ng-controller="myCtrl"> <select ng-model="selectedSite" ng-options="x.site for x in sites"> </select> //ng-model = x <p>你选择的是