当我使用onsen ui和$（）。附加时，ng-click不工作

Question

当我使用JS将p标签附加到div时，ng-click无效。我的代码如下：

$("#newsArList").append("<p ng-click=\"myNavigator.pushPage(\'article.html\', { animation : \'slide\' } )\">Go To Article</p>");`

实际上，我

console.log("<p ng-click=\"myNavigator.pushPage(\'./www/article.html\', { animation : \'slide\' } )\">1234</p>");`the result is `<p ng-click="myNavigator.pushPage('article.html', { animation : 'slide' } )">1234</p>

我只是将这一个复制到<div id="newsArList"></div>，然后就可以了。

我不知道这种情况的原因。有什么建议吗？

Answer 1

您使用angular指令，因此必须将代码编译到DOM中：

$("#newsArList").append('<p ng-click="myNavigator.pushPage(\'article.html\', { animation : \'slide\' } )">Go To Article</p>');

ons.compile($("#newsArList")[0]);

如上所述here：

  

ons.compile函数将基于HTML的自定义元素转换为   正常的DOM结构。大多数浏览器（尚未）支持自定义   默认情况下，您需要每次调用该函数   神奇的事情发生了。