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

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

相关内容

热门资讯

智星德州菠萝开挂!德扑ai代打... 智星德州菠萝开挂!德扑ai代打(透视)确实真的是有挂(详细辅助力荐教程)(1)智星德州菠萝开挂!德扑...
aa扑克辅助!x-poker辅... aa扑克辅助!x-poker辅助软件(透视)好像真的是有挂(详细辅助分享教程);人气非常高,ai更新...
德州之星辅助!微扑克机器人代打... 您好,德州之星辅助这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩家在这款...
WPK透视辅助!aa扑克平台(... WPK透视辅助!aa扑克平台(透视)起初真的有挂(详细辅助德州教程);WPK透视辅助!aa扑克平台(...
wepoke有辅助挂!德州最新... wepoke有辅助挂!德州最新辅助器(透视)一贯是有挂(详细辅助揭秘教程)1、金币登录送、破产送、升...
德州之星有辅助挂!德州扑克后台... 德州之星有辅助挂!德州扑克后台监控(透视)果然存在有挂(详细辅助线上教程)是一款可以让一直输的玩家,...
wepoke辅助技巧!wpk德... wepoke辅助技巧!wpk德州代打是真的吗(透视)原来存在有挂(详细辅助分享教程)1、超多福利:超...
德扑之星ai代打!扑克之城怎么... 德扑之星ai代打!扑克之城怎么那么假(透视)原来是真的有挂(详细辅助扑克教程)是一款可以让一直输的玩...
wpk透视辅助!云扑克德州有挂... wpk透视辅助!云扑克德州有挂吗(透视)竟然是有挂(详细辅助必赢方法)1)wpk透视辅助辅助挂:进一...
微扑克wpk透视辅助!wpk透... 一、微扑克wpk透视辅助简介了解软件请加微:136704302微扑克wpk透视辅助是一款在线扑克游戏...