当我使用onsenui和$().append时，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]);

如下所述:

on .compile函数将基于HTML的自定义元素转换为正常DOM结构。大多数浏览器(还)不支持自定义元素默认情况下，您需要每次都调用该函数来生成奇迹发生了。