AngularJS：通過值設置默認選擇的選項

Question

我試圖弄清楚如何通過value更改菜單中選擇的選項。

例：

的HTML

<div data-ng-app="myApp">
    <div data-ng-controller="myController">
        <p>n_images = {{n_images}}</p>
        <select data-ng-model="n_images">
            <option data-ng-selected="{{o.value == n_images}}"
                    data-ng-repeat="o in n_images_options" 
                    value="{{o.value}}">{{o.text}}</option>
        </select>
    </div>  
</div>

的JavaScript

'use strict';

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

myApp.controller('myController', ['$scope',
    function($scope) {
        $scope.n_images = 4;

        $scope.n_images_options = [
            {value: 1, text: "1 image"},
            {value: 2, text: "2 images"},
            {value: 3, text: "3 images"},
            {value: 4, text: "4 images"},
            {value: 5, text: "5 images"},
            {value: 6, text: "6 images"},
            {value: 7, text: "7 images"},
            {value: 8, text: "8 images"}
        ];
    }
]);

這可以在AngularJS 1.1.5（ JSFiddle示例 ）中使用。

然而，它並不在AngularJS的新版本，如1.4.6版（工作的jsfiddle例子 ）。

如何更改使用值選擇的選項？ 我正在嘗試創建一個選擇菜單，該菜單將由URL中的查詢字符串值初始化。

Answer 1

為了獲得最佳結果，您需要使用ng-options ：

<select data-ng-model="n_images" ng-options="o.value as o.text for o in n_images_options">
</select>

https://jsfiddle.net/eywLkdub/