0

这太奇怪了……我有一个多选列表。如果我将 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 上放置 select 引起的,但它仍然只发生在 IE 中。如果我从选项卡中移动选择并将其放在页面上的某个位置,它会按方面工作,但因此,我需要在选项卡上使用它。

非常感谢任何帮助!

4

0 回答 0