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、下载好微乐手...
查到实测辅助!微信小程序游戏破... 查到实测辅助!微信小程序游戏破解微乐游戏,微信小程序微乐破解器2024-总是是有辅助脚本(证实有挂)...
指导大家!微信小程序微乐辅助器... 指导大家!微信小程序微乐辅助器教程,陕西微乐挖坑小程序脚本-好像是有辅助神器(真的有挂)1、该软件可...
热门推荐!微乐家乡麻将辅助,淘... 热门推荐!微乐家乡麻将辅助,淘宝的微乐辅助是真的吗-其实真的是有辅助技巧(有挂秘笈)1、下载好微乐家...
技术分享!微信微乐小程序辅助器... 技术分享!微信微乐小程序辅助器免费安装,手机微乐小程序破解器-竟然真的有辅助教程(有挂细节)1、起透...
实测分享!微乐家乡麻辣自建房辅... 实测分享!微乐家乡麻辣自建房辅助app,微乐小程序破解版修改器-一直真的有辅助插件(有挂秘笈);1、...