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机器人(德州nzt)真是是有挂(详细辅助力荐教程)1.德州ai机器人 ai辅助...
两分钟实锤!德州之星有外挂(德... 两分钟实锤!德州之星有外挂(德州扑克)其实真的有挂(详细辅助可靠技巧)进入游戏-大厅左侧-新手福利-...
第一分钟实锤!德州免费辅助神器... 第一分钟实锤!德州免费辅助神器app(线上德州)真是真的是有挂(详细辅助线上教程)1、每一步都需要思...
第8分钟实锤!德州ai辅助(德... 第8分钟实锤!德州ai辅助(德扑)确实真的有挂(详细辅助wepoke教程)所有人都在同一条线上,像星...
第二分钟实锤!德扑之星作弊(w... 第二分钟实锤!德扑之星作弊(wpk德州)其实真的是有挂(详细辅助玩家教你)德扑之星作弊辅助器中分为三...
第3分钟实锤!德州免费辅助神器... 第3分钟实锤!德州免费辅助神器app(德州)原来真的有挂(详细辅助介绍教程)该软件可以轻松地帮助玩家...
第五分钟实锤!德扑数据软件(云... 第五分钟实锤!德扑数据软件(云扑克德州)总是有挂(详细辅助曝光教程)1、德扑数据软件ai辅助优化,德...
6分钟实锤!德扑ai智能(德州... 6分钟实锤!德扑ai智能(德州app)一直真的有挂(详细辅助扑克教程)1、用户打开应用后不用登录就可...
第7分钟实锤!德州之星有外挂(... 第7分钟实锤!德州之星有外挂(德州扑克)竟然真的有挂(详细辅助存在挂教程);德州之星有外挂辅助器中分...
8分钟实锤!智星德州菠萝外挂(... 8分钟实锤!智星德州菠萝外挂(德州ai)切实真的有挂(详细辅助德州论坛)智星德州菠萝外挂软件透明挂微...