如何在Angularjs中复制html元素

Posted

技术标签:

【中文标题】如何在Angularjs中复制html元素【英文标题】:How to copy html element in Angularjs 【发布时间】:2017-02-03 09:23:54 【问题描述】:

这个 Jquery 的 Angular 替代方案是什么:

var data = $("#someid").html();
$("#someid").html(data+"custom text");

jquery 的 .html()、.append()、.text() 方法在 AngularJS 中如何工作?

【问题讨论】:

数据绑定就是答案。 【参考方案1】:

在 jQuery 和 AngularJS 之间没有这种方式的直接映射,因为 Angular 是从 jQuery 在 DOM 上做事的方式的一种范式转变。

您所有问题的唯一答案是AngularJS directives

对于html,即如果您想用一些html 内容替换或填充标签,您可以使用ng-include 或创建自定义模板指令并将其用作元素、属性、类等。

对于text,您可以使用ng-bind 指令将控制器上的文本与视图上的HTML 标记双向绑定。

例如

.text()

// View
<p ng-bind="name"></p>
// Controller
$scope.name = "Yourname";

.html()

<ng-include="partial.html"></ng-include>
// Define `partial.html` in your codebase

【讨论】:

以上是关于如何在Angularjs中复制html元素的主要内容,如果未能解决你的问题,请参考以下文章