アングル2アプリで選択したときにボタンにティックを追加

Question

Angular 2に完全に新しいです。質問のために私は答えを選択することができます（私はすべてこの作業をしています）が2つのボタンを持っていますが、idは選択されたボタンの値からの目盛りを追加するのが好きです。

私はそれがCSSで行われる必要があることを知っていますが、それはどのように行うべきかわかりません。

私は以下を試みたが、以下

.md-fab.md-primary.md-grey-ajb-red-theme.md-button, .md-raised.md-primary.md-grey-ajb-red-theme.md-button 
{ 
    font-family:'Glyphicons Halflings'; 
    content:"\e089"; 
} 

を働くように見えるdoesntのは、私が何をしたいの例です。ボタンを選択またはボタンを非選択されていないときにだけ「はい」と言うべきで、明らかに別の色を持っている

Answer 1

これを試してみてください：

.md-fab.md-primary.md-grey-ajb-red-theme.md-button, .md-raised.md-primary.md-grey-ajb-red-theme.md-button 
{ 
    position: relative; 
    text-align: center; 
} 

.md-fab.md-primary.md-grey-ajb-red-theme.md-button:before, .md-raised.md-primary.md-grey-ajb-red-theme.md-button:before 
{ 
    content:"\e089"; 
    display: block; 
    font-family:'Glyphicons Halflings'; 
    font-size: 20px; 
    position: absolute; 
    top: 7px; // adjust as per your need 
    left: 110px; // adjust as per your need 
} 

Answer 2

は、クラスを設定するブール変数を取りますボタンをクリックするとテキストが表示されます。ボタンのテキストを変更する、クリック時のメソッドを呼び出します。