与Angular-ui-Tabs一起使用时,选择多个在IE中不起作用

时间:2015-11-11 20:54:03

标签: javascript angularjs internet-explorer angular-ui-bootstrap angular-ui-tabset

花了一整天来解决这个问题的根源。这与问题“Adding ng-model to Select multiple causes Options not to display in IE”有关如果我将ng-model放在Angular-uib-tab上的选择倍数上,则选项列表在IE中无法正确显示(它适用于Chrome)。这是我在IE中得到的:

enter image description here

这是我的HTML:

<div ng-app="myModule" ng-controller="OperatorCtrl">

    <uib-tabset>
        <uib-tab>
            <select multiple ng-multiple="true" ng-model="selectedContractors">
                <option ng-repeat="c in contractors" value="{{c.CompanyID}}">{{c.CompanyName}}</option>
            </select>
        </uib-tab>
    </uib-tabset>
 <div>
     <select multiple ng-multiple="true" ng-model="selectedContractors">
         <option ng-repeat="c in contractors" value="{{c.CompanyID}}">{{c.CompanyName}}</option>
     </select>
 </div> 
</div>

完全相同的“选择多个”uib-tab标签之间的那个不能正确显示,但标签外面的标签显示为预期。

我下载了最新版本的指令,认为这个问题可能已在最新版本中修复,但我的问题没有变化。

非常感谢任何帮助!

如果有人对此问题有任何了解,请帮助。

1 个答案:

答案 0 :(得分:0)

你应该使用&#34;。&#34;在ng-model中。

 <select multiple ng-multiple="true" ng-model="selected.contractors">
       <option ng-repeat="c in contractors" value="{{c.CompanyID}}">{{c.CompanyName}}</option>
 </select>