选择标签中的空选项字段 - Angular js

Question

我在选择标签中得到空的选项字段。

我的代码如下所示：

openSelectBoxModel="47"
openSelectList=[{id:""47",name:"text"}];
valuekey="id";
titlekey="name";

<select id="reportOpenSelectBoxSingle" size="6" ng-style='selectStyle' class="openSelectBox" ng-model="openSelectBoxModel" ng-change="changeFn()" >
<option ng-selected="openSelectBoxModel===item[valueKey]" ng-repeat="item in openSelectList" id="" ng-value="{{item[valueKey]}}" ng-title="{{item[titleKey]}}" ng-bind="item[titleKey]"></option>
</select>

请帮我解决这个问题。

Answer 1

您不应将 ng-selected 与 ng-model 一起使用。

要做的是在显示之前将所选项目绑定到您的 ng-model。

//另外，你应该使用ng-option而不是ng-repeat
就性能而言：ng-options 不会为每次迭代创建子范围。当 Angular 执行其摘要时，您的 ng-repeat 会减慢它的速度。如果你有一个包含数百个元素的列表，你会感觉到不一样。

<select id="reportOpenSelectBoxSingle" 
        size="6" 
        ng-style='selectStyle' 
        class="openSelectBox" 
        ng-model="openSelectBoxModel" 
        ng-change="changeFn()" >
     <option ng-repeat="item in openSelectList" 
             value="{{item[valueKey]}}" 
             title="{{item[titleKey]}}" 
             ng-bind="item[titleKey]">
     </option>
</select>

此外，您需要在控制器中声明变量：

$scope.openSelectBoxModel="47";
$scope.openSelectList=[{id:"47",name:"text"}];
$scope.valuekey="id";
$scope.titlekey="name";