md-button 未显示在 mdt-cell (angularjs) 内

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>。

我也使用了这些，但仍然是空的。在检查元素控制台中，显示没有错误。

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。

希望这会有所帮助！