javascript - Angular 的 ng-options 没有正确显示默认值

Question

我遇到了 ng-options 的问题，我很难找到它。我在选择控件中使用带有 ng-options 的字符串数组。它似乎正确跟踪，但默认月份名称未显示为页面加载下拉列表中的选定值。我创建了以下 jsfiddle 来说明这个问题:https://jsfiddle.net/risingfish/ktocfrhn/13/

Javascript:

var myApp = angular.module('momentTest', []);

myApp.controller('main', function ($scope) {
    $scope.months = moment.months();
    $scope.currentMonth = 7;
});

myApp.run();

标记:

<div ng-app="momentTest" ng-controller="main">
  <div>
    <select name="monthPicker" ng-model="currentMonth" ng-options="idx as month for (idx, month) in months">
    </select>
  </div>
  &nbsp;
  <div>
    Current month: <span ng-bind="currentMonth"></span>
  </div>
</div>

我很确定这是操作错误，但我没有太多的谷歌搜索来寻找答案。有人有想法吗？

Answer 1

“问题”是 idx 实际上是一个 string(您可以在 的 value 生成的 HTML 中看到它>option 标签)。

然后，要使其正常工作，您只需将默认设置为string:

$scope.currentMonth = '7';

fork DEMO .