Question

此处代码

＆＃13;

        <tabset justified="true">

            <tab heading="tab1"  select="switchTier1Tab('qe')">
                    tab1content
            </tab>

            <tab  heading="tab2" select="switchTab('default')">
                <ui-select multiple ng-model="multipleResult.selectedRecordsWithGroupBy" theme="select2"  on-select="modelselected($item, $model)" style="width: 100%" >
                    <ui-select-match placeholder="search records here...">{{$item.name}}</ui-select-match>
                    <ui-select-choices  group-by="'group'" repeat="record in records | propsFilter: {name: $select.search}">
                        <span ng-bind-html="record.name | highlight: $select.search"></span>
                    </ui-select-choices>
                </ui-select>
            </tab>
            <tab heading="xx">
                tabcontent3
            </tab>
        </tabset>

＆＃13;

当我把ui-select放在第一个标签中时，它可以工作，但是当我把它放在第二个标签中时，ui-select不起作用，我看不到数据。任何人都可以帮忙解释一下吗？ / p>

Answer 1

可以检查宽度是否设置为0px，这就是为什么你无法获得ui-select的输入类型文本。 ui-select的问题是正在从容器计算文本框的宽度。因此，当选择框位于第二个选项卡中时，输入类型的宽度设置为0px。

Lemme知道这是否有助于你

ui-select仅在tabset的第一个选项卡中工作

1 个答案: