angular - 无法更改 Clarity Design System 的路标图标

Question

我无法更改 signpost 元素的图标，即 Clarity Design System 的 clr-signpost (版本:0.9.0)，在 Chrome 和 IE 中。路标显示默认信息 (i) 图标。控制台中没有显示错误。

在我的 Angular 4 项目中，我在 PrimeNG 数据表的一列中使用路标元素。 (版本:4.1.1)。

有人对这个问题有什么想法吗？

这是 HTML:

<!-- PrimeNG Datatable -->
<p-datatable>
   ....
   ....
   <p-column field="story" [style]="{'overflow':'visible', 'text-align':'center'}" header="Story" styleClass="col-button">
       <ng-template let-item="rowData" pTemplate="body">
           <div style="padding: 0px; margin: 0px; text-align:center;">                                
                <clr-signpost>
                    <clr-icon clrSignpostTrigger shape="avatar"></clr-icon>
                    <clr-signpost-content *clrIfOpen>
                       <p><code class="clr-code">{{item.story}}</code></p>
                    </clr-signpost-content>
                </clr-signpost>
           </div>                                                    
      </ng-template>
   </p-column>               
</p-dataTable> 

Answer 1

我们在 alpha release of v10 中添加了自定义路标触发器。看起来您正在使用 v9 并且路标只有默认触发器。如果升级到 v10 或更高版本，您将在组件上启用自定义触发器声明。