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函数,我们可以在函数中修改模型。

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

相关内容

热门资讯

第4分钟了解!免费的衢州都莱辅... 第4分钟了解!免费的衢州都莱辅助器下载!本来存在有辅助神器(有挂头条)-哔哩哔哩1、不需要AI权限,...
第5分钟了解!智星德州插件最新... 第5分钟了解!智星德州插件最新版本更新内容详解!都是有辅助插件(有挂分享)-哔哩哔哩1、超多福利:超...
第9分钟了解!山城九九辅助!竟... 第9分钟了解!山城九九辅助!竟然一直都是有辅助教程(有挂教学)-哔哩哔哩1、用户打开应用后不用登录就...
1分钟了解!黑科技软件大全!其... 1分钟了解!黑科技软件大全!其实真的是有辅助脚本(有挂技巧)-哔哩哔哩1、点击下载安装,黑科技软件大...
5分钟了解!陕西微乐小程序辅助... 5分钟了解!陕西微乐小程序辅助!确实是真的有辅助方法(有挂方略)-哔哩哔哩1、全新机制【陕西微乐小程...
一分钟了解!鱼乐达人辅助脚本!... 一分钟了解!鱼乐达人辅助脚本!总是存在有辅助教程(有挂透明挂)-哔哩哔哩1、许多玩家不知道鱼乐达人辅...
第二分钟了解!多乐辅助下载!本... 第二分钟了解!多乐辅助下载!本来是真的有辅助神器(有挂神器)-哔哩哔哩多乐辅助下载透视方法中分为三种...
四分钟了解!四川血战到底辅助!... 四分钟了解!四川血战到底辅助!总是真的有辅助神器(有挂实锤)-哔哩哔哩1、四川血战到底辅助脚本辅助下...
五分钟了解!hhpoker辅助... 五分钟了解!hhpoker辅助软件是真的么!好像存在有辅助工具(竟然有挂)-哔哩哔哩1、每一步都需要...
六分钟了解!天酷大厅辅助!本来... 您好,天酷大厅辅助这款游戏可以开挂的,确实是有挂的,需要了解加去威信【485275054】很多玩家在...