2015-07-03 22 views
0

有錯誤值的Angular JS中的綁定下拉列表我是Angular js中的新成員,並且在填充下拉菜單時出現問題。在選項

我已經創建了用戶數據數組在我從服務器獲得的數據的foreach循環。

$scope.Users.push(
        { 
         userid:  item.Id, 
         loginname: item.LoginName, 
         titlename: item.Title, 
         emailid: item.Email, 
         siteadmin: item.IsSiteAdmin, 
         name:  item.Title, 
         value:  item.Id 
        } 
       ); 

現在我是這個數據在下拉綁定爲。但錯誤的價值在下拉菜單中。

<select ng-options="user.value as user.name for user in Users" 
     ng-model="taskusers" class="form-control"> 
</select> 

它呈現爲

<select ng-options="user.value as user.name for user in Users" ng-  model="taskusers" class="form-control ng-pristine ng-valid"> 
    <option value="?" selected="selected"></option> 
    <option value="0">A</option> 
    <option value="1">B</option> 
    <option value="2">C</option> 
    <option value="3">D</option> 
    <option value="4">E</option> 
    <option value="5">F</option> 
    <option value="6">G</option> 
    <option value="7">H</option> 
    <option value="8">I</option> 
</select> 

它不是在值字段呈現的用戶值。

除外輸出是

<select ng-options="user.value as user.name for user in Users" ng-model="taskusers" class="form-control ng-pristine ng-valid"> 
    <option value="0" selected="selected">Select User</option> 
    <option value="Value of A">A</option> 
    <option value="Value of B">B</option> 
    <option value="Value of C">C</option> 
    <option value="Value of D">D</option> 
    <option value="Value of E">E</option> 
    <option value="Value of F">F</option> 
    <option value="Value of G">G</option> 
    <option value="Value of H">H</option> 
    <option value="Value of I">I</option> 
</select> 

這是JSON DATA我收到。

JSON DATA

請幫助.. !!

+0

郵政JSON數據的例子! 0,1,2,3是ids嗎?在值屬性你正在設置'item.id',代碼看起來是正確的,也許是一個數據問題 – fantarama

+0

Item.Id具有正確的值,用戶ID保存值..!可能是綁定值的問題。 –

+0

這是那些奇怪的有棱角的東西之一,你真的應該只是接收對象,然後做你想要的東西,而不是映射出值,因爲這會間接地將你的控制器邏輯與UI綁定在一起(你的控制器現在知道/需要有一個選擇列表來自動更新)。 – mikeswright49

回答

0

如果你這樣做,你$scope.taskusers將選定的用戶

或在你的HTML,你可以這樣做<p>{{taskusers.loginname}}</p>