如何从模板中删除模型中的引号？

Question

我有这样的模特。

export class Card {
    face: string;
    ....

    public getFaceCSS() {
        switch (this.face) {
        case 'H': return "♥";
        case 'D': return '♦';
        case 'C': return '♣';
        case 'S': return '♠';
        default: return '';
    }        
}    

当我尝试在我的模板中打印出来时，我会在输出中得到双引号。

<span class="suit">{{card.getFaceCSS()}}</span>
<span class="suit">"&spades;"</span>

如何删除它们？

Answer 1

使用{!! !!}而不是{{}}

<span class="suit">{!! card.getFaceCSS() !!}</span>

{{$ something}}在转义后回复$ something，即将html和css转换为字符串

{!! $ something !!} echos $ something 没有逃避

Answer 2

将faceCss绑定到[innerHtml]属性。请参阅以下示例：

<span class="suit" [innerHTML]="card.getFaceCSS()"></span>

Answer 3

这可以通过绑定来解决。

<a th:href="@{__${baseUrl}__/order/details(name=${name},id=3)}">

对不起。