0

プロパティを持つオブジェクトがあります:value構造体は、ng-optionsを使用してselectドロップダウンを作成する必要があります。また、現在選択されているプロパティを含むng-model変数もあります。問題は、最初の選択を修正する方法を見つけることができないということです。 あなたはここにコードAngularJS ng-options最初に選択された値

<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

答えて

2

として使用し、同じ表現にすることによって追跡しないでください

"でトラックを" 使用しないでくださいを見つけることができます。それらは一緒に働くように設計された ではありません。

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

+0

と車が '[{キーのように配列に格納されている場合、何がNG-オプションのようになります。 'FRD' 、値: 'Ford'}、 {key: 'ft1'、値: 'Fiat'}、 {key: 'vlv'、value: 'Volvo'}] ' –

関連する問題