ng-repeat、Wijmo5 和 AngularJS 中的 wj-popup
wj-popup in ng-repeat, Wijmo5 and AngularJS
我正在尝试在 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>
问题与 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>
我正在尝试在 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>
问题与 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>