Question

代码：

<mdt-row ng-repeat="task in tasks">
    <mdt-cell>{{task.id}}</mdt-cell>
    <mdt-cell>{{task.title}}</mdt-cell>
    <mdt-cell>{{task.actor}}</mdt-cell>
    <mdt-cell> <td><md-button>Edit</md-button></td>   </mdt-cell>
</mdt-row>

它显示3个细胞，其他细胞是空的。即使我无法点击该单元格。

我也试过<mdt-cell> <md-button>Edit</md-button> </mdt-cell>。

我也使用了那些但仍空着的。在inspect元素控制台中，显示没有错误。

Answer 1

要解决您的问题，您可以使用属性 html-content="true" （注意：默认情况下mdt-cell不要呈现HTML内容）

因此，您的代码应如下所示：

<mdt-row ng-repeat="task in tasks">
    <mdt-cell>{{task.id}}</mdt-cell>
    <mdt-cell>{{task.title}}</mdt-cell>
    <mdt-cell>{{task.actor}}</mdt-cell>
    <mdt-cell html-content="true"> <td><md-button>Edit</md-button></td>   </mdt-cell>
</mdt-row>

您可以看到官方示例here。

希望这有帮助！

md-button没有显示在mdt-cell内（angularjs）

1 个答案: