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、乐达大连穷胡小鸡满天飞辅助...
一分钟揭秘!乐达app辅助,雀... 一分钟揭秘!乐达app辅助,雀神山庄辅助器,详细软件(的确有挂)1、雀神山庄辅助器辅助器安装包、雀神...
9分钟了解!人皇辅助软件下载,... 9分钟了解!人皇辅助软件下载,微乐福建辅助器,详细app(有挂分析)1、下载好人皇辅助软件下载透视辅...
最新通报!凑一桌游戏软件下载辅... 最新通报!凑一桌游戏软件下载辅助,圣盛鄂州晃晃辅助,详细插件(有挂透视)小薇(辅助器软件下载)致您一...
避坑细节!小程序66徐州辅助,... 避坑细节!小程序66徐州辅助,决战卡五星最新辅助,详细插件(有挂透明挂)1、决战卡五星最新辅助模拟器...
实测分享!旺旺填大坑透视挂,决... 实测分享!旺旺填大坑透视挂,决战十三水辅助,详细技巧(有挂教学)1、起透看视 旺旺填大坑透视挂辅助软...
2024教程!老k麻将辅助器,... 2024教程!老k麻将辅助器,福建天天开心辅助软件大全,详细教程(新版有挂)1、实时福建天天开心辅助...
分享一款!家家盘锦开挂,潮友辅... 分享一款!家家盘锦开挂,潮友辅助器开挂软件,详细教程(有挂功能)1、潮友辅助器开挂软件透视辅助软件激...
分享开挂内幕!新道游辅助器,小... 分享开挂内幕!新道游辅助器,小程序财神十三张辅助,详细器(有挂技巧)1.小程序财神十三张辅助 选牌创...
科普!吉安中至小程序微信辅助,... 科普!吉安中至小程序微信辅助,火神微信辅助,详细工具(确实有挂)1、下载好吉安中至小程序微信辅助正确...