解决如何获取angular.js自动生成的dom元素并进行操作

最新推荐文章于 2022-07-31 21:17:54 发布

大司空°

最新推荐文章于 2022-07-31 21:17:54 发布

阅读量1.4k

点赞数

分类专栏：前端学习实用小技巧文章标签： angular.js javascript 前端 jquery

本文链接：https://blog.csdn.net/qq_43920456/article/details/121925179

版权

在使用Angular.js开发项目时，遇到需要根据ng-repeat生成的元素状态改变radio选中状态的问题。由于Angular.js自动渲染DOM，直接操作会导致无法生效。通过尝试监听Angular渲染过程的复杂方法后，选择了更简单的方案，即使用 Angular 的 $timeout 方法，设置时间为0，确保在DOM渲染完成后执行相关操作，有效解决了问题。

摘要由CSDN通过智能技术生成

起因： 今天做项目，需要给ng-repeat内生成的记录加一个状态操作。就想到了用单选框。当状态为false时选中，true时未选中。需要完成这一操作就代表我在初始化页面的时候，就需要获取到每个元素的状态值，并且通过状态值更改radio的选中状态。

代码：

//初始化请求
$scope.$watch('$viewContentLoaded', function() {
     
       http.post({
   
           url: ROOT + url,
           success: function(res){
   
               if (res.data.status) {
   
                    $scope.items = res.data.result.items;
                    var items = $scope.items;
                    items.forEach(function