gpt4 book ai didi

javascript - AngularJS - 如何获取渲染的 DOM 元素的innerHTML

转载 作者:行者123 更新时间:2023-12-03 00:58:01 25 4
gpt4 key购买 nike

有没有办法获取包含 ng-repeat 循环的渲染元素的innerHTML 代码?

例如:

<div id="container">
<div ng-repeat="e in ctrl.elements>{{e.name}}</div>
</div>

最佳答案

您可以使用$document[0].getElementById("container").innerHTML
请记住在 ng-repeat 的工作完成后调用它 - 我在下面的代码片段中延迟了它。

angular.module('app', [])
.controller('ExampleController', function($scope, $document, $timeout) {
$scope.ctrlelements = [{name: "aaaa"}, {name: "bbbb"}];

console.log($document[0].getElementById("container").innerHTML)

$timeout(function(){
console.log($document[0].getElementById("container").innerHTML)
}, 1000)
});
<script src="//code.angularjs.org/snapshot/angular.min.js"></script>
<body ng-app="app">
<div ng-controller="ExampleController">
<div id="container">
<p ng-repeat="e in ctrlelements track by $index">{{e.name}}</p>
</div>

</div>
</body>

PS。可能有比处理 innerHTML

更好的方法来解决您的问题

关于javascript - AngularJS - 如何获取渲染的 DOM 元素的innerHTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52739068/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com