2017-05-19 45 views
0

設置默認值我已經選擇這樣的如何爲選擇的角度

<select ng-model="form.data"> 
    <option value="c" ng-repeat="c in data">{{c}}</option>  
</select> 

$scope.data= response.data 

當我改變選擇並點擊保存。它在數據庫中保存成功。刷新頁面時我想要。選擇顯示值我保存在數據庫中。我怎樣才能做到這一點 。請幫我

+0

做你檢查我的答案。我希望它能按你的期望工作。 –

+0

@RohitJindal是的,我仍在調試我的代碼。我會稍後投票 –

+0

@RohitJindal我嘗試但我不知道它不工作。這是我的plnkr。你能看到它嗎http://plnkr.co/edit/FtPNwobT6NPyHwkvswMi?p=preview –

回答

0

幾點建議:

  • 使用ng-options指令,而不是傳統的option元素。
  • 要在頁面刷新上顯示上一個選定的值,請使用HTML5localStoragesessionStorage

Working Demo

+0

爲什麼選擇downvoted? –

0

使用ng-selected

<select ng-model="form.data"> 
    <option value="c" ng-repeat="c in data" ng-selected="c == form.data">{{c}}</option> 
</select> 
+0

你可以看到它的plnkr。我的錯在哪裏http://plnkr.co/edit/FtPNwobT6NPyHwkvswMi?p=preview –

0

誰的人正在尋找一個角度回答|角度2 |角4

嘗試使用NgValue,並確保您的默認選項值是模型,以便NgValue="ModelName"

<select ng-model="form.data"> 
     <option NgValue="form.data">yourdefaultoption</option> 
     <option NgValue="c" ng-repeat="c in data">{{c}}</option> 
    </select> 
+0

你可以看到它的plnkr:http://plnkr.co/edit/FtPNwobT6NPyHwkvswMi?p =預覽 –

+0

ng選定的作品確實!我的解決方案是Angular不適合AngularJS我的不好 –

+0

好。感謝您的幫助 –

1

最好的辦法是使用ng-options指令:刷新時

<select ng-model="form.data" ng-options="c for c in data"></select> 

這樣,按照預期,您的頁面的默認選項將被設置爲$scope.form.data的值。

+1

我可以知道爲什麼它被降低了嗎? – Mistalis

+1

我不知道。他低估了所有。我會稍後投票贊成 –

+1

有人在這個問題上投下了所有答案,可能會有糟糕的一天。我會爲你的答案投票。 – Sajal