Angularjs:在ng-include

时间:2015-05-11 08:08:45

标签: javascript angularjs dom

我正试图在ng-include中获取我的按钮的引用!但它不起作用。 (我在index.html中加载了我的script.js。)

我的script.js中的代码:

buttons = Array.prototype.slice.call( document.querySelectorAll( '#st-trigger-effects > button' ))

我的ng-include控制器中的代码:

<div id="st-trigger-effects" class="column">
     <button data-effect="st-effect-3" class="pushmenutest">Push</button>
</div>

为了您的信息,当我将我的'div'代码直接放在index.html中时,它可以工作!我不知道为什么,当我把我的代码放在ng-include视图中时它不起作用。当然,因为'DOM'没有加载? 我尝试在文件末尾插入script.js.但我有同样的结果。

我正在尝试使用此库:http://tympanus.net/Development/SidebarTransitions/

1 个答案:

答案 0 :(得分:0)

如果该行本身并且不在角度上下文中。它将在ng-include完成之前运行。因此querySelector无法找到元素。

我估计情况就是这样,因为你说如果你直接在.html中包含它就可以了。

您是否有理由需要按住这样的按钮并且无法使用ng-click

如果您向我们提供更多信息,我们可以为您提供进一步的帮助。