Javascript 使用字体Awesome和AngularJs创建复选框

Javascript 使用字体Awesome和AngularJs创建复选框,javascript,css,angularjs,font-awesome,Javascript,Css,Angularjs,Font Awesome,我想使用FontAwesome和AngularJS来创建复选框。我希望以这样一种方式使用它,即我不必编写太多JavaScript来使其工作 到目前为止我已经试过了 <li ng-repeat="item in items" ng-class="{'fa fa-check':isSelected(item)}"> </li> 我想为选定的收音机和未选定的收音机使用class 我还想把这些图标的颜色从黑色改为蓝色 我正在使用以下代码来解决此问题: <li&g

我想使用FontAwesome和AngularJS来创建复选框。我希望以这样一种方式使用它,即我不必编写太多JavaScript来使其工作

到目前为止我已经试过了

<li ng-repeat="item in items"  ng-class="{'fa fa-check':isSelected(item)}">

</li>
  • 我想为选定的收音机和未选定的收音机使用class


    我还想把这些图标的颜色从黑色改为蓝色

    我正在使用以下代码来解决此问题:

    <li>
          <li ng-repeat="item in UserOptions"  style="padding-left: 15px;padding-bottom:2px;">
                <i ng-class="item.checked? ' fa fa-check-square-o fa-2x' : 'fa fa-square-o fa-2x'"
                            ng-click="item.checked = !item.checked" style="color:#65B8E2;" >
                              </i><span>&nbsp;&nbsp;{{item.name}}</span>
          </li>
    </li>
    
    $scope.UserOptions= [
                    {
                        name: 'XXXXX',
                        checked: false,
                        val: '1'
                    },
                    {
                        name: 'YYYY',
                        checked: false,
                        val: '2'
                    },
          ];