Angular JS中的绑定下拉选项中包含错误值

时间:2015-07-03 13:08:05

标签: javascript jquery angularjs

我是Angular js的新手,在填充Drop down时遇到问题。

我在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数据。

JSON DATA

请帮助.. !!

1 个答案:

答案 0 :(得分:0)

如果您执行$scope.taskusers,您将选择所需的用户

或在您的HTML中,您可以执行<p>{{taskusers.loginname}}</p>

之类的操作