Javascript 角度ng重复内ng重复不在工作台工作

我有以下几点

 <tbody ng-repeat="history in orderHistory">
        <tr>
            <td>{{history.reference_code}}</td>
            <div ng-repeat="items in history.orderedItems">
                <td>{{items.product_description}}</td>
                <td>{{items.quantity}}</td>
            </div>
            <td>
        </tr>
</tbody>

{{history.reference{u code}}
{{items.product_description}
{{items.quantity}

第二次ng重复似乎不起作用，{{items.quantity}}或items。任何东西最终都不会出现

有什么想法吗

当我像这样测试它时，它就工作了

<div ng-repeat="history in orderHistory">
  <div ng-repeat="items in history.orderedItems">
    {{items.product_description}}
  </div>
</div>

{{items.product_description}

但是我真的需要把它放在桌子里面

我尝试了以下方法：

    <tbody>
        <tr ng-repeat="history in orderHistory">
            <td>{{history.reference_code}}</td>
            <div ng-repeat="items in history.orderedItems">
                <td>{{items.product_description}}</td>
                <td>{{items.quantity}}</td>
            </div>
            <td>
        </tr>
     </tbody>

{{history.reference{u code}}
{{items.product_description}
{{items.quantity}

仍然不起作用

更新答案

下面的内容应该会让你有所收获

  <table ng-controller="myCtrl">

    <tbody>
      <tr ng-repeat="history in orderHistory">
        <td>{{history.reference_code}}</td>

        <td ng-repeat-start="items in history.orderedItems">
          {{items.product_description}}<//td>

        <td ng-repeat-end>{{items.quantity}}</td>

      </tr>
    </tbody>
  </table>

{{history.reference{u code}}
{{items.product_description}
{{items.quantity}

旧答案----- 保留先前的答案是出于历史原因保留的，因为有评论。 问题是身体——不应该重复。我对

也有类似的问题，就像你在这里看到的一样

这是一把小提琴，它的工作原理是——t body改为div

这里有一个演示，其中tbody不起作用

尝试此操作-在

{{history.reference{u code}}
{{items.product_description}
{{items.quantity}

这可以正常工作

<table>
<thead>
   <tr>
      <th></th>
      <th>Claim Id</th>
      <th>Job Number</th>
      <th>Project</th>
      <th>Created On</th>
      <th>Error</th>
   </tr>
</thead>
<tbody>
   <tr ng-repeat="jobData in createJobResponseData.data">
      <td class="counterCell"></td>
      <td>{{jobData.claimId}}</td>
      <td>{{jobData.jobNumber}}</td>
      <td>{{jobData.project}}</td>
      <td>{{jobData.createdOn}}</td>
      <td >
         <div class="counterCellDiv" ng-repeat="error in jobData.errorList">
            {{error.errorMessage}}
         </div>
      </td>
   </tr>
</tbody>


   $scope.createJobResponseData = {
'status': '200',
'message': 'Request processed successfully',
'data': [
  {
    'claimId': 'data1',
    'claimLineId': '1',
    'errorList': null,
    'insertedIntoDb': true,
    'jobNumber': 'nn001',
    'project': 'pro0',
    'repairStatus': '5'
  },
  {
    'claimId': 'ASD',
    'claimLineId': '1',
    'errorList': [{
      'errorCode': ')01',
      'errorMessage': 'accidentDescription cannot be blank'
    }, {
      'errorCode': '(01)',
      'errorMessage': 'abcd cannot be blank'
    }],
    'insertedIntoDb': true,
    'jobNumber': '',
    'project': 'asd',
    'repairStatus': '5'
  },
  {
    'claimId': 'oiqweo',
    'claimLineId': '1',
    'errorList': null,
    'insertedIntoDb': true,
    'jobNumber': 'qoweiu',
    'project': 'asq',
    'repairStatus': '5'
  },
  {
    'claimId': 'SDDDASD',
    'claimLineId': '1',
    'errorList': null,
    'insertedIntoDb': true,
    'jobNumber': 'asdqio',
    'project': 'kalsdjjk',
    'repairStatus': '5'
  }
]

索赔Id
工作编号
项目
创建于
错误
{{jobData.claimId}
{{jobData.jobNumber}
{{jobData.project}
{{jobData.createdOn}
{{error.errorMessage}
$scope.createJobResponseData={
“状态”：“200”，
'消息'：'请求已成功处理'，
“数据”：[
{
“claimId”：“data1”，
“claimLineId”：“1”，
“errorList”：null，
“insertedIntoDb”：正确，
“作业编号”：“nn001”，
“项目”：“pro0”，
“修复状态”：“5”
},
{
“claimId”：“ASD”，
“claimLineId”：“1”，
“错误列表”：[{
'错误代码'：'）01'，
'errorMessage'：'accidentDescription不能为空'
}, {
'错误代码'：'（01）'，
“errorMessage”：“abcd不能为空”
}],
“insertedIntoDb”：正确，
“工作编号”：“，
“项目”：“asd”，
“修复状态”：“5”
},
{
“claimId”：“oiqweo”，
“claimLineId”：“1”，
“errorList”：null，
“insertedIntoDb”：正确，
“工作编号”：“qoweiu”，
“项目”：“asq”，
“修复状态”：“5”
},
{
“claimId”：“SDDDASD”，
“claimLineId”：“1”，
“errorList”：null，
“insertedIntoDb”：正确，
“作业编号”：“asdqio”，
“项目”：“kalsdjjk”，
“修复状态”：“5”
}
]

---

}

表结构无效。

里面有

标签。@runTarm说，但是您是否也确定

history.orderedItems

不是空的？是的，可以肯定history.orderedItems不是空的，因为当我仅使用divs和no尝试它时，我的第二个station可以工作table@runTarm+1这是由于无效的HTM造成的。我相信

t正文

可以重复。似乎不允许更多。请参见

4.9.1表格元素

部分，在“内容模型：”中，

后跟零个或多个tbody元素

@runTram您对4.9.1中文本的理解确实正确。但是这没有意义，因为API用于创建一个tbody元素-使用HtmleElement createTBody（）；与insertRow（）不同。我正在阅读API模式。另外，由于tHead是唯一的一个，那么多个tBody意味着什么呢？@Yeak试试这个新的解决方案。原始原因与runTarm所说的“无效HTML”没有什么不同

<table>
<thead>
   <tr>
      <th></th>
      <th>Claim Id</th>
      <th>Job Number</th>
      <th>Project</th>
      <th>Created On</th>
      <th>Error</th>
   </tr>
</thead>
<tbody>
   <tr ng-repeat="jobData in createJobResponseData.data">
      <td class="counterCell"></td>
      <td>{{jobData.claimId}}</td>
      <td>{{jobData.jobNumber}}</td>
      <td>{{jobData.project}}</td>
      <td>{{jobData.createdOn}}</td>
      <td >
         <div class="counterCellDiv" ng-repeat="error in jobData.errorList">
            {{error.errorMessage}}
         </div>
      </td>
   </tr>
</tbody>


   $scope.createJobResponseData = {
'status': '200',
'message': 'Request processed successfully',
'data': [
  {
    'claimId': 'data1',
    'claimLineId': '1',
    'errorList': null,
    'insertedIntoDb': true,
    'jobNumber': 'nn001',
    'project': 'pro0',
    'repairStatus': '5'
  },
  {
    'claimId': 'ASD',
    'claimLineId': '1',
    'errorList': [{
      'errorCode': ')01',
      'errorMessage': 'accidentDescription cannot be blank'
    }, {
      'errorCode': '(01)',
      'errorMessage': 'abcd cannot be blank'
    }],
    'insertedIntoDb': true,
    'jobNumber': '',
    'project': 'asd',
    'repairStatus': '5'
  },
  {
    'claimId': 'oiqweo',
    'claimLineId': '1',
    'errorList': null,
    'insertedIntoDb': true,
    'jobNumber': 'qoweiu',
    'project': 'asq',
    'repairStatus': '5'
  },
  {
    'claimId': 'SDDDASD',
    'claimLineId': '1',
    'errorList': null,
    'insertedIntoDb': true,
    'jobNumber': 'asdqio',
    'project': 'kalsdjjk',
    'repairStatus': '5'
  }
]