angularjs - ui-select は、タブセットの最初のタブでのみ機能します

Question

コードはこちら

        <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>

最初のタブに ui-select を配置すると動作しますが、2 番目のタブに配置すると ui-select が動作しません。データが表示されません。