md-按钮未显示在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>

您可以看到一个正式的示例这里。

希望这能有所帮助！