【问题标题】:How to copy html element in Angularjs如何在Angularjs中复制html元素
【发布时间】:2023-03-18 09:08:01
【问题描述】:
这个 Jquery 的 Angular 替代方案是什么:
var data = $("#someid").html();
$("#someid").html(data+"custom text");
jquery 的 .html()、.append()、.text() 方法在 AngularJS 中如何工作?
【问题讨论】:
标签:
jquery
angularjs
dom
angular-components
【解决方案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