css - Angular2 - 添加属性

Question

我下面有 Angular2 代码

        <ngx-datatable-column prop="id" name="ID">
            <template ngx-datatable-cell-template let-row="row" let-value="value">
                <a [routerLink]="['/devicedtls',row.id]">{{row.id}}</a>
            </template>
        </ngx-datatable-column>

然后尝试添加 attr.data-div="ID Test"里面<template......

        <ngx-datatable-column prop="id" name="ID">
            <template ngx-datatable-cell-template let-row="row" let-value="value" attr.data-div="ID Test">
                <a [routerLink]="['/devicedtls',row.id]">{{row.id}}</a>
            </template>
        </ngx-datatable-column>

在 CSS 中，我想调用一个值 attr.data-div通过

 .datatable .datatable-body .datatable-body-cell:before {
        content: attr(data-div)": ";
    } 

当我在浏览器中查看时，显示“:”，但 data-div 的值不显示。

这里有什么问题或缺失？请伸出援手。 谢谢!

Answer 1

您不能向模板添加属性。模板使用具有内部内容和 let-var(变量)列表的“ block ”来构建网格。如果需要，您可以在模板内制作到达内容。

可以看看《 Angular 网格解构》https://medium.com/@juliapassynkova/angular-grids-destructuring-7488757e06a1详细描述模板机制的博客。