Question

从AngularJS $ scope加载数据时如何显示输入类型的值选择？控制器使用来自contactTypes

的ID填充ng模型

的index.html

<select data-ng-model="item.mediumTypeId"
    data-ng-options="option.name for option in contactTypes track by option.id">
</select>

controller.js

$scope.item.mediumTypeId = 5102;

加载index.html后的选项值

<option value="5101">E-Mail</option>
<option value="5102">Fax</option>
<option value="5103">Phone</option>

上传代码在加载index.html

后未选择选择字段中的选项

Answer 1

你需要：

$scope.item.mediumTypeId = '5102';

由于angularjs不会自动将其转换为数字。

Answer 2

如果您的控制器包含以下内容：

$scope.contactTypes = [{name: 'one', age: 30 },{ name: 'two', age: 27 },{ name: 'three', age: 50 }];

您的模板应该如下所示

<div ng-controller="Test">
  <p>selected item is : {{item.mediumTypeId}}</p>
  <select ng-model="item. mediumTypeId">
    <option ng-repeat="item in contactTypes" value="{{item.age}}">{{item.name}}</option>
  </select>
</div>

我希望这会有所帮助

输入类型从AngularJS $ scope中选择值？

2 个答案: