AngularJsデータバインディングでフォントをスワップするテキストが一致するときにフォントを変換する（ソーシャルメディアフォント）

Question

AngularJsまたはHTMLのいずれかを使用して、テキストが特定の文字列と一致すると返されるテキストをFont Awesome fontにスワップできますか？たとえばについては

：私の{{profileData.channels}}は、以下の文字列を返す場合： Twitterの、YouTubeのとFacebookの - どのように私はフォント素晴らしいフォントのためにこれらを置き換えることができますが、 fa fa-twitter-square; fa fa-youtube-square;

<div class="mentionsMeta"> 
    <div> 
     <h2>Channels></i></h2> 
     <hr> 
     <span class="itemInfo">{{profileData.channels}}</span> 
    </div> 
</div> 

Answer 1

私はあなたがこのようなロジックを見ていると思う：fa fa-facebook-square

以下は、私はこれらを表示したいと思い、私の<div>です。あなたは

<span ng-if="profileData.isSpecial" class="itemInfo {{profileData.channels}}"></span> 
<span ng-if="!profileData.isSpecial" class="itemInfo">{{profileData.channels}}</span> 

のようなものを持っていますように、例えば、あなたが、あなたが対応するクラスを設定するオブジェクトの配列と文字列のあなたの profileData配列を変更することができ、これははるかに良いことができます。もちろん、

<span class="itemInfo {{ profileData.channels === 'Twitter' ? 'fa fa-twitter-square' : '' }}">{{profileData.channels === 'Twitter' ? '' : profileData.channels}}</span>