ng-repeat、Wijmo5 和 AngularJS 中的 wj-popup

Question

我正在尝试在 AngularJS 应用程序的 ng-repeat 中使用 wj-popup，但遇到困难。

基本上，我使用了 wj-popup 的演示示例并将其包装在 ng-repeat 中，如下所示。我有一个帖子数组，每个帖子都有一个属性这是它的索引值 (post.indexValue).

每个按钮都需要有一个不同的 ID，所以我希望使用 post.indexValue 应该可以，并且它确实在每次重复时正确设置了按钮 ID，但是调用函数不起作用并且弹出窗口没有出现，我不确定我做错了什么。

<div ng-repeat="post in posts">

        Click to open, move focus away to close:
        <button id="{{post.indexValue}}" type="button" class="btn">
            Click
        </button>


    <wj-popup class="popover" owner="#{{post.indexValue}}" show-trigger="Click" hide-trigger="Blur">
        <ng-include src="'includes/popup.htm'"></ng-include>
    </wj-popup>
 </div>

Answer 1

问题与 ID 有关。即使没有 ng-repeat 并且所有者 ID 以任何数字开头，弹出窗口也不起作用。将按钮 ID 更改为 "btn{{post.indexValue}}" 对我有用。试试这个 fiddle。

<div ng-repeat="post in posts">
        Click to open, move focus away to close:
        <button id="btn{{post.indexValue}}" type="button" class="btn">
            Click
        </button>


        <wj-popup class="popover" owner="#btn{{post.indexValue}}" show-trigger="Click" hide-trigger="Blur">
            <ng-include src="'includes/popup.htm'"></ng-include>
        </wj-popup>
</div>

ng-repeat、Wijmo5 和 AngularJS 中的 wj-popup

wj-popup in ng-repeat, Wijmo5 and AngularJS

popup

wijmo

angularjs

ng-repeat