AngularJS:从AngularJS中选择列表操作

时间:2015-12-09 01:13:45

标签: angularjs dom-manipulation

我正在尝试从angular JS设置选择列表值,它不会抛出任何异常,但也不会反映任何更改。这是我的jsp代码。

<select class="form-control "  id="searchCriteriaList"
                    name="searchCriteriaList" ng-model="searchCriteriaSelect" required>
                    <option>IMEI</option>
                    <option>Registration Number</option>
                </select>

这是我的angularJS代码

 var selectedValue = "IMEI";
 $scope.searchCriteriaSelect = selectedValue;

这显示一个空白的选择列表。虽然这段代码有效但

$scope.searchCriteriaSelect = "IMEI";

并选择列表显示页面加载时的IMEI选项。

但我无法分配硬编码值。它必须通过变量,因为数据来自我的代码中的ajax请求。

请帮帮我。提前谢谢。

2 个答案:

答案 0 :(得分:1)

如果通过ngoptions指令在select中分配选项会更好; https://docs.angularjs.org/api/ng/directive/ngOptions

<select ng-options="item as item for searchCriteriaList" ng-model="searchCriteriaSelect"></select>

然后你可以有一个searchCriteriaList的明确声明:

var searchCriteriaList = [];
searchCriteriaList.push("IMEI");

然后您可以按索引跟踪:

$scope.searchCriteriaSelect = $scope.searchCriteriaList[0];

答案 1 :(得分:0)

试试这个!

<option value="IMEI">IMEI</option>
<option value="XXX">Registration Number</option>

值=&#34; IMEI&#34; 添加到选项属性