AngularJS嵌套的ng-repeat不会修改模型

AngularJS是一种流行的前端开发框架，ng-repeat是AngularJS中的一个指令，用于在HTML模板中循环展示数据。当使用嵌套的ng-repeat时，可能会遇到不会修改模型的问题。

在AngularJS中，ng-repeat指令会创建一个子作用域，用于循环渲染数据。当使用嵌套的ng-repeat时，每个ng-repeat都会创建一个新的子作用域，这可能会导致模型修改的问题。

解决这个问题的方法是使用一个对象数组作为模型，在循环中对对象进行修改。这样可以避免子作用域的影响。另外，还可以使用Controller As语法来解决这个问题，通过给每个ng-repeat指令指定一个别名，来确保作用域的正确性。

以下是一个示例代码：

<div ng-controller="MyController as ctrl">
  <div ng-repeat="item in ctrl.items">
    <span>{{item.name}}</span>
    <div ng-repeat="subItem in item.subItems">
      <span>{{subItem.name}}</span>
      <button ng-click="ctrl.modifyModel(item, subItem)">修改</button>
    </div>
  </div>
</div>

angular.module('myApp', [])
  .controller('MyController', function() {
    var vm = this;

    vm.items = [
      { name: 'Item 1', subItems: [{ name: 'Sub Item 1' }, { name: 'Sub Item 2' }] },
      { name: 'Item 2', subItems: [{ name: 'Sub Item 3' }, { name: 'Sub Item 4' }] }
    ];

    vm.modifyModel = function(item, subItem) {
      // 在这里修改模型
      // 例如：subItem.name = 'New Name';
    };
  });

在这个示例中，ng-repeat指令用于循环展示items数组和subItems数组。通过点击按钮触发modifyModel方法来修改模型。

关于AngularJS和ng-repeat的更多信息和用法，请参考腾讯云的官方文档：AngularJS | 腾讯云