javascript - 将 ng-model 分配给 ng-repeat (用于下拉选择)

Question

这是引用随附的jsfiddle。 http://jsfiddle.net/n1cf938h/

如 fiddle 所示，ng-repeat 生成一个日期列表。我想知道用户选择了哪个下拉选项。在这种情况下我该如何使用 ng-model ？

HTML-

<div ng-app ng-controller="Ctrl">
    <select>
          <option ng-repeat="date in dates">{{date | date:'MM-dd-yyyy'}}</option>
    </select>
</div>

JS代码

function Ctrl($scope) {
$scope.baseAdd = 0;
$scope.dates = [0,1,2,3,4,5,6].map(function(day) {
dateobj = new Date(new Date().getTime() + (1000 * 60 * 60 * 24 * (day + $scope.baseAdd)));
    while(dateobj.getDay() == 6 || dateobj.getDay() == 0) {
    $scope.baseAdd++
  dateobj = new Date(new Date().getTime() + (1000 * 60 * 60 * 24 * (day + $scope.baseAdd)));
}
return dateobj;
});
console.log($scope.dates)
}

Answer 1

您可能想使用 ngOptions因为它完全为您实现了这一点。这是您使用 ngModel 和 ngOptions 的示例

http://jsfiddle.net/x67udrcg/

每当下拉列表更改时，$scope.selectedDate 将保存新值

<div ng-app ng-controller="Ctrl">
  <select ng-options="date as date | date:'MM-dd-yyyy' for date in dates" ng-model="selectedDate"></select>
</div>