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

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

相关内容

热门资讯

玩家必看科普!潮汕激k辅助器,... 玩家必看科普!潮汕激k辅助器,九九联盟解码器,详细器(有挂猫腻)1、九九联盟解码器辅助软件下载优化,...
发现玩家!新超凡大厅辅助,雀姬... 发现玩家!新超凡大厅辅助,雀姬手游辅助,详细app(确实有挂)1、玩家可以在新超凡大厅辅助线上大神俱...
一分钟了解!518互娱脚本,八... 一分钟了解!518互娱脚本,八闽掌上十八扑脚本,详细挂(有挂详细)1、一分钟了解!518互娱脚本,八...
科技通报!摸一把游戏辅助软件,... 科技通报!摸一把游戏辅助软件,奇迹思维辅助,详细教程(有挂功能)1、金币登录送、破产送、升级送、活动...
发现一款!h5大厅反杀,蜂娱辅... 发现一款!h5大厅反杀,蜂娱辅助,详细脚本(有挂秘籍)1、用户打开应用后不用登录就可以直接使用,点击...
玩家必看科普!长春科乐天天踢辅... 玩家必看科普!长春科乐天天踢辅助,新畅游互娱辅助app,详细攻略(真的有挂)1、起透看视 长春科乐天...
必备辅助推荐!方片十三张辅助器... 必备辅助推荐!方片十三张辅助器软件,三哥玩辅助器免费下载,详细工具(有挂秘诀)1、完成三哥玩辅助器免...
今日公布!微信小程序加速脚本,... 今日公布!微信小程序加速脚本,江西中指黑科技辅助软件,详细神器(有挂解密)1、玩家可以在江西中指黑科...
必看攻略!手机游戏挂机辅助软件... 您好,手机游戏挂机辅助软件这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】很...
玩家必备科普!微信小程序辅助器... 玩家必备科普!微信小程序辅助器破解版,四川家园茶馆辅助,详细方法(有挂存在)1、该软件可以轻松地帮助...