Question

我正在尝试使用angular指令插入表头。但是，它不是进入需要的thead内，而是放在table元素之外。这是codepen：http://codepen.io/sachingoel0101/pen/yYvmGV

<table class="table table-bordered table-striped">
    <thead>
        <sortingheader/>
    </thead>
    <tbody>
    </tbody>
</table>

只会变成：

<tr>
    <th>Sushi Roll</th>
    <th>Fish type</th>
    <th>Taste Level</th>
</tr>
<table class="table table-bordered table-striped">
    <thead></thead>
    <tbody></tbody>
</table>

这是指令代码：

.directive('sortingheader', function() {
    return {
        replace: true,
        template: "<tr><th>Sushi Roll</th><th>Fish type</th><th>Taste Level</th></tr>"
    }
})

我做错了什么？

Answer 1

您需要将指令restrict属性更改为：

restrict:'A'

在HTML：

<tr sortingheader></tr>

Working solution

使用指令插入表头

1 个答案: