如何在Angularjs中复制html元素

Posted 2023-05-09

【中文标题】如何在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