2015-09-14 93 views
1

我在嘗試顯示一些字體很棒的圖標時遇到了一點麻煩。我有一些文本是通過rakefile在json中編寫的,我試圖在文本中包含字體真棒圖標,但遇到問題是因爲文本在json中,我想知道是否有人可以快速查看它並且幫幫我。圖標沒有出現,但是在開發工具中,它應該出現的地方有額外的空白區域。在json中實現字體真棒

我使用haml,在前端有棱角。我不認爲我需要爲此顯示控制器。我也一樣,把我真正擁有的深刻的堅果分開了。

在我的Rakefile的區域是如此

{ 
    "partial":"message", 
    "params":{ 
     "primary": true, 
     "icon": "<i class='fa fa-odnoklassniki'></i>", 
     "body":" With Deez Nuts as your president, you can have the full assurance of knowing that your country will be awesome " 
    } 
}, 

,並應使這個HAML文件是在這裏

%div{ 'ng-if' => 'option.params.primary' && 'option.params.icon'} 
    %div{ 'ng-include' => "'/assets/ng/features/politicians/satire/presidents.html'" } 
+0

我敢打賭Deez螺母將能夠弄清楚這一個。但是,很簡單,你是否在控制檯中發現任何錯誤?通過angular解釋HTML不會輸出標籤,除非你使用'$ sce.trustAsHtml()'我不熟悉haml給你一個完整的答案 – Ronnie

回答

1

你的HTML可能是由角剝離。檢查輸出以確保。您可以將此過濾器添加到您的應用程序來渲染HTML信任:

.filter('trustedHtml', ['$sce', function($sce){ 
    return function(text) { 
     return $sce.trustAsHtml(text); 
    }; 
}]) 

比你可以把它應用到任何數據:{{foo | trustedHtml}}