2017-03-06 43 views
0

我是Angular.Js的新手。如果我有一個下拉菜單,並且正在從下拉菜單中選取所選數據。我能夠做到這一點,但它不會爲該下拉列表提供選定的值。什麼是我需要設置的屬性,所以每當我到達該頁面時,它都會在下拉菜單中顯示選定的值。如何在Angular Js的列表中顯示選定的值?

這裏是我的代碼的一部分:

<select class='form-control' id="CreateRouteType" 
    ng-options="createRoute.Name for createRoute in vm.CreateRouteList" 
ng-model="vm.ProcessDataSettings.CreateRouteTypeId" > 
<option value="vm.ProcessDataSettings.CreateRouteTypeId" selected></option> 
         </select> 

什麼,我需要做的是選擇了顯示在下拉列表中選擇的價值?

回答

0

糾正我,如果我錯了。你在問什麼時候改變選項,內存中的價值是什麼?

看起來像你有ng-model =「vm.ProcessDataSettings.CreateRouteTypeId」。我確定所選的值在vm.ProcessDataSettings.CreateRouteTypeId中?

+0

因此,當我從CreateRouteList中選擇一個值時,它被選中,但是當我保存它時,它不再被選中,數據庫在哪裏有選定的值存儲區,所以我的問題基本上是如何將selectedvalue帶回Angular中的下拉菜單? –

+0

我現在看到你的問題。你在問國家在哪裏得救。其實在Javascript中,一切都沒有保存。您需要將它們移動到某些存儲解決方案(如本地存儲,Cookie或甚至數據庫)中。當您的應用程序(頁面)加載時再次檢索它。 –

0

看這個問題:AngularJS How do I pre select the value of a dropdown when the value is retrieved from a webservice?

<select class='form-control' id="CreateRouteType" 
ng-options="createRoute.Name for createRoute in vm.CreateRouteList" 
ng-model="vm.ProcessDataSettings.CreateRouteTypeId" > 
         </select> 

本質,在你的控制器初始化函數,你應該設置在選擇標籤NG-模型到要預選什麼價值。所以像這樣:

$ scope.vm.ProcessDataSettings.CreateRouteTypeId =您想要預選的對象;

相關問題