在Angular 2应用程序中选择时添加勾选按钮

Question

我是Angular 2的新用户，并且在选择后执行自定义按钮显示后即可。对于问题，我有两个答案按钮，只允许选择一个（我已经完成了所有这些工作），但是我想做的是从所选按钮值中添加一个勾号。

我知道需要在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";
}

以下是我想要的一个例子。当未选择或未选择按钮时，该按钮应该只是说“是”＆＃39;并且显然有不同的颜色

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

使用布尔变量将类设置为关闭并在按钮单击时呈现文本。点击一个方法，这将改变按钮文字。