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

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

相关内容

热门资讯

实操分享!wepoker辅助挂... 实操分享!wepoker辅助挂多功能透视工具,其实存在有挂(竟然有挂)wepoker脚本下载中分为三...
玩家爆料!智星德州扑克辅助挂多... 玩家爆料!智星德州扑克辅助挂多功能透视工具,都是有挂(有挂细节)1、操作简单,无需智星德州扑克手机版...
重大通报!AAPoKer辅助挂... 重大通报!AAPoKer辅助挂多功能透视工具,好像是真的有挂(真是有挂)1、重大通报!AAPoKer...
让我来分享经验!WPK辅助挂多... 让我来分享经验!WPK辅助挂多功能透视工具,其实有挂(讲解有挂)1、用户打开应用后不用登录就可以直接...
揭秘!微扑克辅助挂多功能透视工... 揭秘!微扑克辅助挂多功能透视工具,总是真的是有挂(有挂技巧)所有人都在同一条线上,像星星一样排成一排...
来一盘!红龙poker辅助挂多... 来一盘!红龙poker辅助挂多功能透视工具,都是存在有挂(有挂方法)1、打开软件启动之后找到中间准星...
一分钟了解!德扑圈辅助挂多功能... 一分钟了解!德扑圈辅助挂多功能透视工具,果然是真的有挂(有挂技术)德扑圈能透视中分为三种模型:德扑圈...
一起来讨论!AAPoKer辅助... 一起来讨论!AAPoKer辅助挂多功能透视工具,竟然真的有挂(发现有挂)1、这是跨平台的AAPoKe...
安装程序教程!智星德州扑克辅助... 安装程序教程!智星德州扑克辅助挂多功能透视工具,总是存在有挂(确实有挂)1、上手简单,内置详细流程视...
揭秘关于!aapoker辅助挂... 揭秘关于!aapoker辅助挂多功能透视工具,确实存在有挂(有挂解密)1、aapoker辅助器安装包...