使用数据列表时,输入字段在下拉列表中同时显示值和标签

时间:2020-11-04 08:30:45

标签: html angularjs html-datalist

当使用select但在数据列表中使用文本列表和值时,在文本框中显示文本和值,并且当我选择一个选项而不是文本时,在字段字段中显示id时,相同的代码也可以正常工作。

<div class="form-group">
                            <label class="col-md-4 control-label">Select Existing Template</label>
                            <div class="col-md-8">
                                <input ng-model="selectPushTemplate" ng-change="getAppTemplatesById(selectPushTemplate)" type="" class="form-control input-sm" list="pushTemplates">
                                <datalist id="pushTemplates">
                                <option value="{{pushTemplate._id}}" ng-repeat="pushTemplate in pushTemplates">{{pushTemplate.template_name}}</option>
                                </datalist>
                            </div>
                        </div> 




 //array that contains the previous templates///
$scope.pushTemplates = [];
$scope.template_type = ''
function getAppTemplatesByType (type){
    $scope.pushTemplates = [];
    appIceService.getAppTemplatesByType(type).then(function(data){
        if(data.length > 0){
            $scope.pushTemplates = data;
        }
    })
}

0 个答案:

没有答案