javascript - AngularJS 选择初始值不选择

Question

我正在使用具有以下数据和范围代码(如下)的 HTML 选择。我无法从范围数据中获取要在选择列表中选择的初始值。有人可以指出我在搞砸什么吗？

   $scope.hourOptions = [
            { value:'0',  key: '12AM'},
            { value:'3600',  key: '1AM'},
            { value:'7200',  key: '2AM'},
            { value:'10800',  key: '3AM'},
            { value:'14400',  key: '4AM'},
            { value:'18000',  key: '5AM'},
            { value:'21600',  key: '6AM'},
            { value:'25200',  key: '7AM'},
            { value:'28800',  key: '8AM'},
            { value:'32400',  key: '9AM'},
            { value:'36000', key: '10AM'},
            { value:'39600', key: '11AM'},
            { value:'43200', key: '12AM'},
            { value:'46800', key: '1PM'},
            { value:'50400', key: '2PM'},
            { value:'54000', key: '3PM'},
            { value:'57600', key: '4PM'},
            { value:'61200', key: '5PM'},
            { value:'64800', key: '6PM'},
            { value:'68400', key: '7PM'},
            { value:'72000', key: '8PM'},
            { value:'75600', key: '9PM'},
            { value:'79200', key: '10PM'},
            { value:'82800', key: '11PM'}
        ];

这是 View

<select id="timeOfDay" class="form-control"
        data-ng-options="option.value as option.key for option in hourOptions"
        data-ng-model="topic.timeOfDay"
        required
        ></select>

$scope.topic 的值设置为 72000:

$scope.topic.timeOfDay = 72000;

我曾尝试将其更改为 data-ng-init 中的字符串，但无济于事。无论我做什么，我都无法获得在选择列表中选择自身的初始值。有任何想法吗？

Answer 1

由于 option.value 是数值的字符串表示形式，因此您还必须提供 ng-model 值作为字符串。并在 Controller 中初始化它而不是使用 ng-init用于初始化(虽然它不会引起问题，但像这样使用它来初始化并不是一个好的模式)

尝试:

$scope.timeOfDay = '72000';

您可能打算将 ng-model 设置为 data-ng-model="timeOfDay" 或反之亦然。

Plnkr