Question

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

基本上，我已经将演示示例用于wj-popup并将其包装在ng-repeat中，如下所示。我有一系列帖子，每个帖子都有一个属性，即indexValue（post.indexValue）。

每个按钮需要有一个不同的ID，所以我希望使用post.indexValue可以正常工作，并且它确实正确地设置了每个重复的按钮ID，但是调用函数不起作用，弹出窗口没有＆＃ 39; t出现，我不确定我做错了什么。

<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更改为＆＃34; btn {{post.indexValue}}＆＃34;为我工作。试试这个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

1 个答案: