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

【问题标题】：Input Type Select value from AngularJS $scope?输入类型从 AngularJS $scope 中选择值？
【发布时间】：2015-06-11 06:06:05
【问题描述】：

从 AngularJS $scope 加载数据时如何在输入类型选择上显示值？ ng-model 由控制器使用来自 contactTypes 的 ID 填充

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后没有选择select字段中的选项

【问题讨论】：

你想做什么？你的控制器中的contactTypes在哪里？我们需要更多信息才能为您提供帮助

标签： html angularjs

【解决方案1】：

你需要：

$scope.item.mediumTypeId = '5102';

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

【讨论】：

【解决方案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>

希望对你有帮助

【讨论】：

这个解决方案也很好用，它有助于保持代码更干净