具有ng-repeat的表

时间:2016-03-24 11:21:21

标签: html css angularjs angularjs-ng-repeat tabular

我尝试使用ng-repeat构建表格,但我也想使用工具栏。该表应该看起来像这样,但例如在"内战后#34;我需要再添加三行。

enter image description here

<md-grid-tile><h4>Radiographic Feature Type</h4></md-grid-tile>
        <md-grid-tile><h4>You: Mean % Missed Feature</h4></md-grid-tile>
        <md-grid-tile><h4>ALL PARTICIPANTS: % Missed Feature</h4></md-grid-tile>


        <md-grid-tile>




        </md-grid-tile>


        <md-grid-tile ng-repeat-start="thisCase in caselist | limitTo : 5">


        </md-grid-tile>


        <md-grid-tile ng-repeat-end="">


        </md-grid-tile>


    </md-grid-list>

所有的帮助都非常感谢,我很抱歉,但我刚刚开始编码,而且我没有多少经验。

1 个答案:

答案 0 :(得分:0)

根据官方文档,它应该是什么样子

       <ul class="phones">
          <li ng-repeat="phone in phones | filter:query | orderBy:orderProp">
            <span>{{phone.name}}</span>
            <p>{{phone.snippet}}</p>
          </li>
        </ul>

尝试将li标记更改为你的md-grid-tite,你应该添加{{}}以保留内容

这是很棒的教程 {{3}}