我已经查看了'可能有您的答案的问题',但没有任何运气。没有什么工作对我来说:(
虽然看起来,我有一个非常简单的例子,不顺心的事...
我有以下HTML:使用ng选项时无法设置初始值
<body>
<div ng-controller="eventController as eventCtrl">
<select ng-init="eventCtrl.userDetails.station = eventCtrl.eventDetails.stations[0]" ng-model="eventCtrl.userDetails.station" ng-options="o as o for o in eventCtrl.eventDetails.stations"></select>
</div>
</body>
我的角度看上去的应用程序像这样:
(function() {
var app = angular.module('eventRegistration', []);
var conn = new dataConn();
app.controller('eventController', ['dataService', function(dataService) {
var eventCtrl = this;
eventCtrl.eventDetails = {};
eventCtrl.userDetails = {};
dataService.getActiveEvents()
.then(function (events) {
eventCtrl.eventDetails = events[0];
});
}]);
app.service('dataService',['$q', function($q) {
return {
getActiveEvents: function() {
var deferred = $q.defer();
conn.getActiveEvents(function(events) {
deferred.resolve(events)
});
return deferred.promise;
}
}
}]);
})();
我eventCtrl.eventDetails对象将最终看起来像这样(我得到那些来自服务器和现在使用的只有第一个数组):
{
"date":new Date(2014, 10, 2),
"isActive": true,
"stations":['STATION_A', 'STATION_B'],
"comments":""
}
我正在尝试设置用户选择的站eventCtrl.userDetails.station的模型,并开始将其值改为采用NG-INIT eventCtrl.eventDetails.stations的第一站。
重要的是要提到工作站数据(实际上所有的事件细节)正在被异步提取(使用延迟对象)。
我的代码的结果是一个'STATION_1'和'STATION_B'值的选择框,但我有一个额外的第一个空值。在我的ng-init定义中似乎有些错误。
任何想法?
非常感谢!
使用'ng-selected'初始化select的值。 https://docs.angularjs.org/api/ng/directive/ngSelected – 2014-10-11 07:43:55