如何创建 Angular JS ON-OFF 开关

Question

我正在尝试通过参考链接创建 ON-OFF 开关

在这里，我无法在 index.html 文件中使用 FontAwesome 引用，我所做的是在我的项目中复制了 font-awesome-css 文件。但是开关ON-OFF按钮没有显示。

在这里，我从 index.html 中删除了引用，并将 font-awesome.min.css 的内容复制到我的 style.css 文件中我的要求是根据模型值（布尔值）创建 ON-OFF 开关。

它应该有编辑（开/关）功能。

任何人都可以建议为什么 css 文件不起作用，或者我还有其他方法可以做到这一点。

Answer 1

很棒的简单开关

<style>
     .active, .inactive {
            font-size: 26px;
            cursor: pointer;
        }

        .active, .inactive {
            font-size: 26px;
            cursor: pointer;
        }

        i.active {
            color: #5cb85c;
        }

        i.inactive {
            color: #d9534f;
        }
    </style> 

<i class="fa fa-toggle-on" ng-class="isActive?'active':'fa-rotate-180 inactive'" ng-click="isActive=!isActive" /> 

"isActive"(bool) 是开关状态