Angularjs 表组件中的角度表行组件

我有一个表组件，我想从中创建作为子级的表行组件

var documentsController = function () {};

var documentsComponent = {
   template: '<div class="col-lg-12 col-md-12 tableDataContainer">' +
          '  <table class="table">' +
          '    <thead>' +
          '      <tr>' +
          '        <td>Name</td>' +
          '        <td>Document Type</td>' +
          '      </tr>' +
          '    </thead>' +
          '    <tr ng-repeat="document in vm.documents">' +
          '      <document document="document"></document>' +
          '    </tr>' +
          '  </table>' +
          '</div>',
   controller: documentsController,
   controllerAs: 'vm',
   bindings: {
      documents: '<'
   }
};

var documentscocontroller=function（）{}；
变量文档组件={
模板：“”+
'  ' +
'    ' +
'      ' +
“姓名”+
“文档类型”+
'      ' +
'    ' +
'    ' +
'      ' +
'    ' +
'  ' +
'',
控制器：文档控制器，
controllerAs:'vm'，
绑定：{
文档：“回答得有点晚，但我希望它仍然能帮助别人。因为
tr
标记中任何不是
td
或
th
的东西都是“太”无效的html，而您的浏览器只是将其抛出

尝试以下操作（无角度或任何可能干扰结果的操作）：



第一排的运输署
第1行的div
第2排的运输署
第2行的div
有点晚了，但我希望它仍然能帮助别人。因为
tr
标记中任何不是
td
或
th
的东西都是“太”无效的html，而您的浏览器只是将其抛出

尝试以下操作（无角度或任何可能干扰结果的操作）：



第一排的运输署
第1行的div
第2排的运输署
第2行的div

module.component('documents', documentsComponent);

var documentController = function () {
};

var documentComponent = {
    template:
            '  <td>fl ={{vm.document}}</td>' +
            '  <td>{{document.Name}}</td>',
    controller: documentController,
    replace: true,
    controllerAs: 'vm',
    bindings: {
        document: '<'
    }
};

module.component('document', documentComponent);

<div class="col-lg-12 col-md-12 tableDataContainer">  
    <document document="document" class="ng-isolate-scope">
        <tr>
            <td class="ng-binding">fl =</td>  
            <td class="ng-binding"></td>
        </tr>
        </document>
    <table class="table">
        <thead>
            <tr>
                <td>Name</td>
                <td>Document Type</td>      
            </tr>
        </thead>
        <tbody><!-- ngRepeat: document in vm.documents -->
        <tr ng-repeat="document in vm.documents" class="ng-scope">
        </tr>
        <!-- end ngRepeat: document in vm.documents -->  
        </tbody>
        </table>
        </div>