Question

我面临着一个使用uib-popover（angularJS）的问题。

以下是主视图的代码示例：

<button class="btn btn-skeeled"
            uib-popover-template="'example.html'"
            popover-placement="left" popover-trigger="outsideClick">
    <i class="fa fa-external-link"></i>
</button>
<script type="text/ng-template" id="example.html">
    <custom-directive>
    </custom-directive>
</script>

然后，自定义指令的视图：

<div>
    <div>
        <select ng-model="selected.person"
            ng-options="person for person in availablePeople">
            <option value="">-- Select a person --</option>
        </select>
        <div ng-hide="!selected.person.hasLangs">
            <select ng-model="selected.personLang"
                ng-options="lang for lang in selected.person.langs">
                <option value="">-- Select a language --</option>
            </select>
        </div>
    </div>
<div>
    <button class="btn btn-thin"
            ng-click="doSomethingToSelectedPerson()">Send person
    </button>
</div>

我认为非常简单和直截了当的例子。

会发生什么：我选择一个人（第一个选择），第二个人出现，当你点击它时，选项是空白的。如果单击外部并尝试再次单击第二个选项，则会正确显示选项。

Plunker here

版本：

AngularJS - 1.4.0
Bootstrap - 3.3.7
Angular-Bootstrap - 1.1.2

我可以说它们总是存在，因为我可以检查范围，也因为下拉大小是正确的。

出于测试目的，我已经测试了所有显示的选项（以消除＆＃34;隐藏＆＃34;可能性），并且我在第二次选择时使用静态数据进行了测试。输出是一样的。

这让我得出结论，问题实际上是在uib-popover中有多个选择。

[编辑]添加了plunker示例

内有2个选择的弹出窗口

0 个答案: