AngularJS嵌套的ng-repeat不会修改模型。
创始人
2024-10-27 11:01:36
0

在AngularJS中,如果在嵌套的ng-repeat中发现无法修改模型的问题,可能是因为使用了原始的JavaScript对象作为ng-repeat的迭代器。解决方法是使用AngularJS中的内置方法$index来获取当前迭代的索引,并使用该索引来修改模型。

以下是一个示例代码:

angular.module('myApp', [])
  .controller('myController', function($scope) {
    $scope.items = [
      {
        subItems: [
          { name: 'Item 1' },
          { name: 'Item 2' },
          { name: 'Item 3' }
        ]
      },
      {
        subItems: [
          { name: 'Item 4' },
          { name: 'Item 5' },
          { name: 'Item 6' }
        ]
      }
    ];

    $scope.updateModel = function(parentIndex, index) {
      console.log(parentIndex, index);
      // 在这里可以修改模型
      // 例如:$scope.items[parentIndex].subItems[index].name = 'New Name';
    };
  });

在上面的示例中,我们使用了$parent.$index来获取父级ng-repeat的索引,$index来获取当前ng-repeat的索引。通过将这些索引传递给updateModel函数,我们可以在函数中修改模型。

请注意,在实际应用中,你可能需要根据具体的业务逻辑进行适当的修改。

相关内容

热门资讯

一分钟了解!微信欢乐卡五星辅助... 一分钟了解!微信欢乐卡五星辅助!一直真的是有辅助软件(有挂讲解)1、这是跨平台的微信欢乐卡五星辅助轻...
据相关数据显示!微信小程序雀神... 据相关数据显示!微信小程序雀神广东辅助器!果然真的有辅助工具(有挂规律)1、用户打开应用后不用登录就...
一分钟揭秘!随意玩辅助器透视挂... 一分钟揭秘!随意玩辅助器透视挂!竟然真的有辅助神器(有挂透视)1、操作简单,无需随意玩辅助器透视挂手...
昨日!神途辅助脚本!果然存在有... 昨日!神途辅助脚本!果然存在有辅助方法(有挂规律)神途辅助脚本破解侠是真的助透视。每个模型中均包含「...
重大通报!小唐家乐园辅助器!本... 重大通报!小唐家乐园辅助器!本来是真的有辅助器(确实有挂)1)小唐家乐园辅助器辅助插件:进一步探索小...
一分钟了解!四川游戏辅助器!确... 一分钟了解!四川游戏辅助器!确实真的是有辅助方法(有挂教程)1、下载好四川游戏辅助器正确养号方法之后...
一分钟秒懂!随意玩正版房卡有开... 一分钟秒懂!随意玩正版房卡有开挂!总是存在有辅助器(有挂规律)1、随意玩正版房卡有开挂脚本辅助下载、...
盘点一款!川游游戏辅助!好像真... 盘点一款!川游游戏辅助!好像真的有辅助脚本(有挂方法)1、每一步都需要思考,不同水平的挑战会更加具有...
一分钟快速了解!福建微乐小程序... 一分钟快速了解!福建微乐小程序修改器!确实真的是有辅助攻略(有挂技巧)1、进入到福建微乐小程序修改器...
科普分享!gif助手破解版!原... 科普分享!gif助手破解版!原来真的是有辅助方法(有挂辅助);1)gif助手破解版辅助插件:进一步探...