添加ng-model以选择多个原因选项不在IE中显示

Question

这太奇怪了......我有一个多选列表。如果我在选择中添加ng-model。选项值显示如下：

如果我删除ng-model，则CompanyName会正确显示。

这是我的HTML：

 <tab heading="Contractors">
                        <div class="panel panel-default">
                            <div class="panel-body">

                                    <table style="width:100%">
                                        <tr>
                                            <td>
                                                @Html.Label("Enter Name, FID, or SSQID")<br />
                                                <input type="text" style="width:200px"/>
                                            </td>
                                            <td rowspan="2">
                                                <select multiple ng-multiple="true" ng-model="selectedContractors">
                                                    <option ng-repeat="c in contractors" value="{{c.CompanyID}}">{{c.CompanyName}}</option>
                                                </select>
                                            </td>
                                            <td rowspan="2" style="align-content:center" ng-show="viewContractors">
                                                <i class="fa fa-chevron-circle-right" style="cursor:pointer" ng-click="addContractor()"></i><br /><br />
                                                <i class="fa fa-chevron-circle-left" style="cursor:pointer"></i>
                                            </td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <button type="button" class="btn btn-primary" ng-click="submitSearch(search)">Search</button>

                                            </td>
                                            <td></td>
                                            <td style="align-content:center"></td>
                                        </tr>
                                    </table>

                            </div>
                        </div>
                    </tab>
                </tabset>

这是我的控制器代码：

$scope.submitSearch = function (cs) {
    var id = $scope.businessUnitID;

operatorService.getsearch(cs, id)
.success(function (data) {
    $scope.contractors = data.SearchResults;
    $scope.viewContractors = true;

});

};

最令人困惑的是，我在另一个项目中使用选择多个列表的方式完全相同，但在该项目中，选项值与ng-model一起正确显示。我无法理解这一点。

自从第一次发布这个问题以来，我发现这个问题似乎是由于将选择放在Angular ui-tabs上引起的，但它仍然只发生在IE中。如果我从选项卡中移动选择并将其放在页面上的某个位置，它就像预期的那样工作，但因此，我需要在选项卡上。

非常感谢任何帮助！