AngulaJS ng-options изначально выбрал значение из

У меня есть объект со свойством: структура значения должна быть использована для ng-параметров, чтобы создать выпадающий список. У меня также есть переменная ng-model, которая содержит свойство, которое должно быть выбрано в данный момент. Проблема в том, что я не могу понять, как исправить первоначальный выбор. Вы можете найти код здесь

<select ng-model="selectedCar" ng-options="id as value for (id, value) in cars track by id">

http://jsbin.com/wukanenozu/1/edit?html,js,output

Источник

1 ответ

Решение

Не используйте "отслеживать"

Не используйте как и отслеживать в том же выражении. Они не предназначены для совместной работы.

<select ng-model="selectedCar" ng-options="id as value for (id, value) in cars ">
</select>

DEMO

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.cars = {
        frd : "Ford",
        ft1 : "Fiat",
        vlv : "Volvo"
    }
    $scope.selectedCar = 'ft1';
});
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>

<div ng-app="myApp" ng-controller="myCtrl">

<p>Select a car:</p>

<select ng-model="selectedCar" ng-options="id as value for (id, value) in cars ">
</select>
<h1>You selected model: {{selectedCar}}</h1>

</div>

<p>This example demonstrates the use of an object as the data source when creating a dropdown list.</p>



</body>
</html>

Источник
Другие вопросы по тегам