javascript - 在 AngularJS 中将 html 项目插入现有模板 HTML 有什么简单的方法?

标签 javascript jquery angularjs

在 AngularJS 中将 html 项目插入现有模板 HTML 有什么简单的方法? 例如,有一个用 PHP 生成的模板:

<div id="block">
<!-- Insert here template from Angularjs-->
<div class="item"></div>
<div class="item"></div>
</div>

我可以像这样使用 Jquery:

$('#block').prepend('<div class="item"></div>');

我如何在 Angularjs 中实现同样的功能?

最佳答案

您可以使用 jquery 添加 HTML,但需要先使用

进行编译
var compiledHTML = $compile(html)($scope);

然后将其传递给jquery的方法

$('#block').prepend(compiledHTML);

但正如 @cerad 所提到的,这绝对不是最好的方法。

关于javascript - 在 AngularJS 中将 html 项目插入现有模板 HTML 有什么简单的方法?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29335032/

相关文章:

javascript - AngularJS Controller ,DRY 代码的设计模式

javascript - jQuery如何实现动画?

javascript - 将 Id 名称的一部分放入变量中

javascript - 函数在 js 原型(prototype)中不起作用

Javascript - 添加事件监听器时未定义的数组元素

jQuery:在视口(viewport)中居中 fancybox

angularjs - 从 AngularJs/Cordova 发布时 unable_to_verify_leaf_signature

css - 使用按钮更改 CSS 模型

javascript - Marketo munchkin.js 调用间歇性地没有返回任何响应。 (CORS)

javascript - 如何在 JavaScript 中将数组 (arr1) 的值推送到新的空数组 (arr2) 中?