Angular 无法更改Clarity Design系统的路标图标

我无法在Chrome和IE中更改路标元素的图标，即版本为0.9.0的clr路标。路标显示默认信息I图标。控制台中不显示任何错误

在Angular 4项目中，我在版本为4.1.1的datatable的列中使用signpost元素

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

以下是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> 

---

我认为您应该将class属性添加到clr图标中，并为其提供所需的图标类。 我还发现这段代码清晰地描述了如何使用自定义触发器

<div class="signpost-item">
        <h6>Clarity Icon</h6>
        <clr-signpost>
            <clr-icon shape="avatar" 
                      class="is-solid has-badge-info" 
                      clrSignpostTrigger>
            </clr-icon>
            <clr-signpost-content [clrPosition]="'bottom-middle'" *clrIfOpen>
                Lorem ipsum...
            </clr-signpost-content>
        </clr-signpost>
</div>

您将在自定义触发器下找到更多示例

---

第

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

如果问题仍然存在，请尝试将此代码添加到角度组件封装中：ViewEncapsulation.None在组件decoratorTanks下等待您的答复。但是你正在谈论的课程将为图标引入一些附加功能，例如，实体和徽章信息。。。虽然我已经尝试了所有这些，但没有任何效果。“clrSignpostTrigger”似乎不像我想的那样工作。是的！这就是原因…我已经将版本升级到了v.10，现在它可以运行任何我想要的图标/按钮链接。帮了大忙。