Question

我有这个表，当你点击表格行时，这会得到＆＃34;展开＆＃34;（它实际上用表格的第一个幻灯片滑动另一个表格行），为此我构建了这个角度指令< / p>

app.directive('dirt', function($compile){
return{
    restrict:'A',
    scope:{

    },
    replace: true,

    compile:function(element, attrs){


        element.next().children().children().hide();
        element.next().children().hide();
        var table = element.parent().parent();
        var colspan = table.find('tr:first > th').length;
        console.log(table.find('tr'))

        if(!attrs['compiled']){
            var tr = element.next();
            tr.children().attr('colspan', colspan);

            $compile(tr.children()); 
        }

        element.bind('click', function(){
            event.stopPropagation();
            element.next().children().slideToggle();
            element.next().children().children().slideToggle();    
        });
    }
}
});

它被称为污垢，你把它放在tr中你需要点击以展开下一个tr

类似这样的事情

    <tbody>
      <tr dirt>
        <td>123465</td>
        <td>A123</td>
        <td>7455</td>
        <td>MX</td>
        <td>US</td>
        <td>2</td>
        <td>75000</td>
        <td>7500</td>
        <td>784</td>
      </tr>
      <tr>
        <td>
          <div style="width:100%;min-height:1px;background-color:yellow;float:left;">
            <div class="col-xs-6">
              <span style="font-size:60px;">A4</span>
            </div>
            <div class="col-xs-6">
              <span>rklgjnrkelgtjnkelrtm;lremt;lermt;lremt;lermt</span>
              <br />
              rlgtjknrekltrmnekltmret;reltmklertmnkelrt
              <br />
              klgmkldgmnjklfdngmkldfng,mdfgn,dfmgndf,g
            </div>
          </div>
        </td>
      </tr>
    </tbody>

我有这个The way is needed来展示它如何只使用一组tr，你只需要点击第一个表格行来展开它

这里的问题是当我尝试使用ng-repeat-start并结束时会发生这种情况

plunkr failed

我不知道如何编译受污垢指令影响的第二行，因此可以识别ng-repeat目录，希望您对此有所了解

感谢。

ng-repeat不在表行内编译指令

0 个答案: