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、毳毳免费辅助多个强度级别选择2、毳毳辅...
必知教程辅助器攻略!中至赣州麻... 必知教程辅助器攻略!中至赣州麻将多功能辅助器攻略,中至赣州麻将果然真的有辅助器攻略1、玩家可以在中至...
盘点一款辅助器脚本!KELE多... 盘点一款辅助器脚本!KELE多功能辅助器脚本,KELE一直有辅助器脚本1、KELE模拟器是什么优化,...
玩家实测辅助攻略!奉化冲刺多功... 玩家实测辅助攻略!奉化冲刺多功能辅助攻略,奉化冲刺果然是真的有辅助攻略1、玩家可以在奉化冲刺线上大神...
记者发布开挂攻略!微乐福建麻将... 记者发布开挂攻略!微乐福建麻将多功能开挂攻略,微乐福建麻将切实有开挂攻略该软件可以轻松地帮助玩家将微...