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

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

相关内容

热门资讯

解密透视!pokemmo脚本最... 解密透视!pokemmo脚本最新版,微乐多乐跑作弊,法子教程(有挂细节)-哔哩哔哩1、用户打开应用后...
必备透视!德普之星辅助软件,微... 必备透视!德普之星辅助软件,微乐麻辣自建房辅助视频,资料教程(确实有挂)-哔哩哔哩1、德普之星辅助软...
有挂透视!wepoker辅助分... 有挂透视!wepoker辅助分析器,贵州微乐自建房辅助软件下载,办法教程(存在有挂)-哔哩哔哩1、w...
辅助透视!拱趴大菠萝挂怎么安装... 辅助透视!拱趴大菠萝挂怎么安装,微乐自建房插件如何安装,技法教程(有挂分享)-哔哩哔哩1、完成拱趴大...
开挂透视!pokernow辅助... 开挂透视!pokernow辅助工具,微信微乐辅助ios,阶段教程(有挂技巧)-哔哩哔哩1、进入到po...
了解透视!wpk透视是真的假的... 了解透视!wpk透视是真的假的,微乐自建房脚本下载,机巧教程(存在有挂)-哔哩哔哩在进入wpk透视是...
普及透视!德州透视hhpoke... 普及透视!德州透视hhpoker,微乐小程序免费黑科技在线下载,指南书教程(有挂存在)-哔哩哔哩1、...
分享透视!hhpoker辅助器... 分享透视!hhpoker辅助器视频,微乐四川麻将辅助器,法门教程(有挂分享)-哔哩哔哩hhpoker...
必备透视!pokemmo辅助脚... 必备透视!pokemmo辅助脚本,微乐江苏小程序游戏破解器下载,模板教程(有挂教学)-哔哩哔哩1、每...
解密透视!wepoker辅助软... 解密透视!wepoker辅助软件视频,微乐宁夏小程序插件,讲义教程(有挂辅助)-哔哩哔哩1、在wep...