2013-07-14 100 views
0

我是新來的角度,我發現使用選擇工作有點棘手。我創建一個選擇的元素:選擇角度的多個綁定

<select ng-model="userToAdd.CollegeCode"> 
         <option ng-repeat="college in colleges" value="{{college.CollegeCode}}">{{college.CollegeName}}</option> 
         </select> 

在NG-模型我能夠綁定到userToAdd.CollegeCode,但我也想文本userToAdd.CollegeName綁定。到目前爲止,我無法找到一個這樣的例子。其次,在更新對象時,select將綁定到userToAdd.CollegeCode,select選項不會選擇該值。它始終始於第一個元素。有人能指引我朝着正確的方向嗎?

回答

0

你的控制器應該有一個$ scope.selectedCollege屬性,所以當你選擇一個代碼時,你可以將相應的college對象設置爲當前選中的對象(不確定是否需要遍歷所有的college對象並找到一,我沒有任何代碼 - 我會在選項上放一個ng-click =「selectCollege($ index)」)。 這樣你就可以掌握大學在手的所有特性,而不僅僅是代碼或名稱。

這應該可以解決您的兩個問題,因爲您將從$ scope.selectedCollege.name中檢索新選定對象的學院名稱。

+0

這適用於獲取數據,但我似乎無法在選定的選擇元素內製作某個項目。所以當userToAdd.CollegeCode被填充時,我希望選擇框選擇該選項。 – rross

+0

確保你沒有試圖在angular的生命週期外設置userToAdd.CollegeCode的值(例如jquery ajax調用或類似的東西)。在這種情況下,在你做了修改之後,你還需要調用$ scope。$ apply() –