我想要一个简单的选择:
<ion-view view-title="fc" id="fcs">
<ion-content>
<div id="params-container">
<select ng-model="value1" ng-options="value for value in params1 track by value" ng-change="update()"></select>
</div>
</ion-content>
</ion-view>
在 Controller 中:
angular.module('filedetails.controller', [])
.controller('FileDetailsCtrl', function($scope, $stateParams, FilesService, ProcessFileService, FCSModel) {
$scope.params1 = ["FSC-A", "FSC-H", "FSC-W", "SSC-A"];
$scope.update = function(){
console.log('scope.axisX is');
console.log($scope.axisX);
}
});
在 app.js 中我有:
.state('file-detail', {
url: '/files/:id',
templateUrl: 'js/files/details/template.html',
controller: 'FileDetailsCtrl'
})
我想获取选定的值,但不知何故,当我在下拉列表中选择一个值时,它总是输出未定义
。我可能做错了什么?我使用的是 AngularJS v1.3.13。
最佳答案
你需要这样做:
<select ng-model="axisX" ng-options="value as value for value in params1" ng-change="update()"></select>
或者像这样:
<select ng-model="axisX" ng-options="value for value in params1 track by value" ng-change="update()"></select>
使用第一种方法,您将得到:
<option value="0">FSC-A</option>
<option value="1">FSC-H</option>
使用第二种方法,您将得到:
<option value="FSC-A">FSC-A</option>
<option value="FSC-H">FSC-H</option>
这是工作 plunker
关于javascript - 在动态 Angular 下拉列表中获取选定的选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31843372/