Question

我试图通过值找出如何更改菜单中选择的选项。

示例：

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 example）。

然而，不在较新版本的AngularJS中工作，例如版本1.4.6（JSFiddle example）。

如何使用值更改选择的选项？我正在尝试创建一个选择菜单，该菜单将通过URL中的查询字符串值进行初始化。

Answer 1

为获得最佳效果，您需要使用table: result datetime temp datetime maxtemp 10:10:45 33 10:10:40 55 10:11:44 38 10:10:40 55 10:12:43 37 10:10:40 55 10:13:45 35 10:10:40 55 10:14:44 38 10:14:50 60 10:15:43 39 10:14:50 60：

ng-options

https://jsfiddle.net/eywLkdub/

AngularJS：通过值设置默认选择选项

1 个答案: