angularjs - 选择标签中的空选项字段 - 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 一起使用。

要做的事情是在显示之前将所选项目绑定(bind)到您的 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>

此外，您需要在 Controller 内声明变量:

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