Question

我正在使用AngularJS。我有一个选择标签。标签的值由ng-model绑定。 ng-model变量有一个值（来自服务器）。该值不会显示在选择下拉标记中。它显示在普通文本框中。

如何在下拉列表中显示ng-model值（以下示例为“蓝色”）？

<select ng-model="blisterPackTemplateSelected"
        data-ng-options="blisterPackTemplate as blisterPackTemplate.name for 
                         blisterPackTemplate in blisterPackTemplates">
    <option value="">Select Account</option>
</select>
<hr>
<input type="text" ng-model="blisterPackTemplateSelected" />

Answer 1

应该是

<select ng-model="blisterPackTemplateSelected"
        data-ng-options="blisterPackTemplate.name as blisterPackTemplate.name for 
                         blisterPackTemplate in blisterPackTemplates">

Check this fiddle

Answer 2

我认为你必须在数组中使用相同的模型，你在下拉列表中使用这个模型，你可以选择使用它。

<div ng-app="App" >
     <div ng-controller="ctrl">
       <select  ng-model="blisterPackTemplateSelected"
         data-ng-options="blisterPackTemplate.name as blisterPackTemplate.name 
        for blisterPackTemplate in blisterPackTemplates">
        <option value="">Select Account</option>
       </select>
       <hr>
        <input type="text" ng-model="blisterPackTemplateSelected" />
     </div>       
    </div>

        var app=angular.module('App', []);

    function ctrl($scope){
        $scope.itemList=[];
        $scope.blisterPackTemplateSelected = 'blue'
        $scope.blisterPackTemplates=[{id:1,name:"a"},{id:2,name:"b"},{id:4,name:"c"},{id:3,name:"blue"}]
    }

AngularJS - 选择标记的ng-model值未显示

2 个答案: