通过在angualrjs中使用“track by”来选择下拉列表无法正常工作的默认值 [英] select by default value for dropdown not working by using 'track by' in angualrjs
本文介绍了通过在angualrjs中使用“track by”来选择下拉列表无法正常工作的默认值的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我使用跟踪
以避免附加到 :: string
>值但是当我选择默认下拉列表时,下拉列表未被选中..
这是我的plunker
I am using track by
to avoid strange values ::string
that are appending to value
but when i select by default dropdown , dropdown is not getting selected..
this is my plunker
推荐答案
(function(angular) {
'use strict';
angular.module('defaultValueSelect', [])
.controller('ExampleController', ['$scope', function($scope) {
$scope.data = {
availableOptions: [
{id: '1', name: 'Option A'},
{id: '2', name: 'Option B'},
{id: '3', name: 'Option C'}
],
selectedOption: '2' //This sets the default value of the select in the ui
};
}]);
})(window.angular);
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Example - example-select-with-default-values-production</title>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.0-rc.0/angular.min.js"></script>
<script src="script.js"></script>
</head>
<body ng-app="defaultValueSelect">
<div ng-controller="ExampleController">
<form name="myForm">
<label for="mySelect">Make a choice:</label>
<select ng-model="data.selectedOption">
<option ng-repeat="option in data.availableOptions track by option.id" value="{{option.id}}">{{ option.name}}</option>
</select>
</form>
<hr>
<tt>option = {{data.selectedOption}}</tt><br/>
</div>
</body>
</html>
演示的工作片段
请更改您的< select>
标记如下
<select ng-model="data.selectedOption">
<option ng-repeat="option in data.availableOptions track by option.id" value="{{option.id}}">{{ option.name}}</option>
</select>
这篇关于通过在angualrjs中使用“track by”来选择下拉列表无法正常工作的默认值的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文