Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在angular JS中使用rowspan生成_Javascript_Angularjs - Fatal编程技术网

Javascript 如何在angular JS中使用rowspan生成

Javascript 如何在angular JS中使用rowspan生成,javascript,angularjs,Javascript,Angularjs,也许有人能帮我一个问题,我实际上正在尝试用角Js生成一个结构,就像这样 <table> <tr> <th>Modo de transporte</th> <th>Estado del proyecto</th> <th>Proyecto</th> </tr> <tr> <td rowspan="6">Carretero&l

也许有人能帮我一个问题,我实际上正在尝试用角Js生成一个结构,就像这样

<table>
  <tr>
    <th>Modo de transporte</th>
    <th>Estado del proyecto</th>
    <th>Proyecto</th>
  </tr>
  <tr>
    <td rowspan="6">Carretero</td>
    <td rowspan="2">Estructuración</td>
    <td>Proyecto 1</td>
  </tr>
  <tr>
    <td>Proyecto 2</td>
  </tr>
  <tr>
    <td rowspan="2">Contratación</td>
    <td>Proyecto 3</td>
  </tr>
  <tr>
    <td>Proyecto 4</td>
  </tr>
  <tr>
    <td rowspan="2">Gestion contractual</td>
    <td>Proyecto 5</td>
  </tr>
  <tr>
    <td>Proyecto 6</td>
  </tr>
  <tr>
    <td rowspan="4">Aeropuertos</td>
    <td>Estructuracion</td>
    <td>Proyecto 7</td>
  </tr>
  <tr>
    <td rowspan="2">Contratación</td>
    <td>Proyecto 8</td>
  </tr>
  <tr>
    <td>Proyecto 9</td>
  </tr>
  <tr>
    <td>Gestion contractual</td>
    <td>Proyecto 10</td>
  </tr>
</table>

{{dpto}}
运输方式
普罗耶克托庄园酒店
Proyecto
{{mode}}
{{status}}
{{proj}}
`

我如何结合这些,我正在使用ng repeat start来编写js代码,非常感谢您的建议

我想我遗漏了一些东西。这里的问题是什么?您好,我正在尝试创建一个类似于第一个代码块的表。到目前为止,我有这个
$scope.regional = {
distribution: {
  "Arauca": {
     modes: {
       "Aeropuertos": {
         status: {
           "Estructuracion": ["Nodo 1", "Nodo 2", "Nodo 3"],
           "Contratacion": ["Nodo 1", "Nodo 2"],
         },
         count: function(){
           var c = 0;
           for(var k in this.status){
             c += this.status[k].length;
           }
           return c;
         }
       }
     },
     count: function(){
       var c = 0;
       for(var m in this.modes){
         c += this.modes[m].count();
       }
       return c;
     }
   }
}
};
<table ng-repeat="(dpto, intodpto) in regional.distribution">
  <caption>{{dpto}}</caption>
  <tr>
    <th>Modo de transporte</th>
    <th>Estado del proyecto</th>
    <th>Proyecto</th>
  </tr>
  <tr ng-repeat-start="(mode, intomode) in intodpto.modes">
    <td rowspan="{{intomode.count()}}">{{mode}}</td>
  </tr> 
  <tr ng-repeat-start="(status, intostatus) in intomode.status">
    <td rowspan={{intostatus.length}}>{{status}}</td>
  </tr>
  <tr ng-repeat-end ng-repeat="proj in intostatus">
    <td>{{proj}}</td>
  </tr> 
  <tr ng-repeat-end></tr>
</table>`