在動態角度下拉菜單中獲取選定的選項

Question

我想要一個簡單的選擇：

<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>

並在控制器中：

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'
})

我想獲取選定的值，但是以某種方式在下拉列表中選擇一個值時，它始終輸出undefined 。 我做錯了什么？ 我正在使用AngularJS v1.3.13。

Answer 1

您需要這樣做：

<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>

這是工作中的笨蛋

Answer 2

我認為您的設置錯誤。 您的代碼至少在我添加ng-controller標記后即可在jsfiddle上運行： https ://jsfiddle.net/wg5dtb8o/

<div ng-controller="MyCtrl">
<select ng-options="value for value in params1" ng-model="axisX" ng-change="update()"></select>
</div>