Javascript 如何在ng选项中添加两个索引并使用Angular.js动态设置值

我需要一个帮助。我需要使用Angular.js在ng options对象中创建两个索引（

，即-$index，$parent.$index

）。我在下面解释我的代码

<tr ng-repeat="d in days">
        <td>{{d.day_name}}</td>
        <td>
          <table>
            <tbody>
              <tr ng-repeat="answer in d.answers">
                <td>
                  <select class="form-control" id="answer_{{$index}}_{{$parent.$index}}_category" name="answer_{{$index}}_category" ng-model="answer.catagory" ng-options="cat.name for cat in listOfCatagory track by cat.value" ng-change="removeBorder($index,answer.catagory.value,$parent.$index);">
                    <option value="">Select Category</option>
                  </select>
                </td>
                 </tr>
            </tbody>
          </table>
          </td>
          <td>
          <table>
            <tbody>
              <tr ng-repeat="answer in d.answers">
                <td>
                  <select class="form-control" id="answer_{{$index}}_{{$parent.$index}}_subcategory" name="answer_{{$index}}_subcategory" ng-model="answer.subcatagory" ng-options="sub.name for sub in listOfSubCatagory[$index+$parent.$index] track by sub.value">
                    <option value="">Select Subcategory</option>
                  </select>
                </td>
                </tr>
            </tbody>
          </table>
          </td>
          <td>
          <table>
            <tbody>
              <tr ng-repeat="answer in d.answers">
                <td>
                  <input type="text" id="answer_{{$index}}_{{$parent.$index}}_comment" name="answer_{{$index}}_comment" placeholder="Add Comment" ng-model="answers.comment">
                </td>

          </tr>
            </tbody>
          </table>
          </td>
          <td>
          <table>
            <tbody>
              <tr ng-repeat="answer in d.answers">
                <td>
                    <input type="submit" name="plus" id="plus" value="+" style="width:20px; text-align:center;" ng-click="addNewRow(d.answers, true)">
                    <div ng-show="$first && !$last">
                     <input type="submit" name="minus" id="minus" value="-" style="width:20px; text-align:center;" ng-click="removeRow(d.answers, $last)">
                     </div>
                </td>
          </tr>

$scope.listOfSubCatagory = []; 
  $scope.removeBorder=function(index,catvalue,parent){
      console.log('ind',index,catvalue,parent);
     $scope.listOfSubCatagory[index+parent]=[];
     var catdata=$.param({'action':'subcat','cat_id':catvalue});
        $http({
            method:'POST',
            url:"php/customerInfo.php",
            data:catdata,
            headers: { 'Content-Type': 'application/x-www-form-urlencoded' }
        }).then(function successCallback(response){
            angular.forEach(response.data,function(obj){
                var data={'name':obj.subcat_name,'value':obj.subcat_id};
                $scope.listOfSubCatagory[index+parent].push(data);
            })
        },function errorCallback(response) {
        }) 
  }

$scope.days=[];
    $http({
        method:'GET',
        url:"php/customerInfo.php?action=day",
        headers: { 'Content-Type': 'application/x-www-form-urlencoded' }
    }).then(function successCallback(response){
        //console.log('day',response.data);
         angular.forEach(response.data, function(obj) {
      obj.answers = [];
      $scope.addNewRow(obj.answers);
      $scope.days.push(obj);
    });
    },function errorCallback(response) {
    })
    }
     $scope.addNewRow = function(answers, hasDelete) {
    answers.push({
      category: null,
      subcategory: null,
      comment: null,
      hasDelete: hasDelete ? hasDelete : false
    });
  };

  $scope.removeRow = function(answers, $index){
    answers.splice($index, 1);
  };

---

请帮助我解决此问题。

我已为您更新了我的plunker代码。如果您使用类似的方法，那么您可能会得到所需的结果。 对不起，我在前面的

plunk

中犯了拼写错误。我现在改进了。 您可以浏览并相应地更新代码

---

这段代码似乎很熟悉。你想再解释一下你到底想做什么吗？@AnkitPundhir:好的，这里我有一个功能性的添加按钮，当用户点击当天添加更多行时。这里我的要求是，如果我从任何一天选择任何类别，子类别应该只设置在该行子类别列表中，而不设置在其他日期子类别列表中。因为我在同一天有多行，我面临的问题。我不认为你可能需要在内部重复3次ng。可以在内部重复1ng。你可以查看我的答案。你可以检查这个答案。它不是按照列的顺序来的。它显示在类别部分下。好的，我知道了。。。我没有意识到这一点。对此表示歉意，无论如何，最好使用引导ulli网格，而不是表设计。但对于你的情况，我更新了那本书。谢谢；）好的，当然，现在很好，但是所有的分类都应该放在唯一的类别下，子类别应该放在子类别下，然后像这样评论。这次我没听清你的话？你能再解释一下吗。因为现在我可以看到所有列正确对齐：请让我现在检查。