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)": "; 
    } 

當我在瀏覽器中查看它時，顯示「：」，但v data-div的藍色不顯示。

什麼是錯的，或在這裏失蹤？請舉手。 謝謝！

Answer 1

您無法將屬性添加到模板。模板使用內部內容的「塊」和let-var（變量）列表來構建網格。如果需要，您可以在模板範圍內覆蓋內容。

您可以查看詳細描述模板機制的「角網格解構」https://medium.com/@juliapassynkova/angular-grids-destructuring-7488757e06a1博客。