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

您无法向模板添加属性。模板用于＆＃34;块＆＃34;内部内容和let-var（变量）列表构建网格。如果需要，您可以在模板中制作覆盖内容。

你可以看看＆＃34; Angular Grids Destructuring＆＃34; https://medium.com/@juliapassynkova/angular-grids-destructuring-7488757e06a1博客详细介绍了模板机制。