Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/476.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 更改状态上的按钮颜色已更改angularjs_Javascript_Html_Css_Angularjs - Fatal编程技术网

Javascript 更改状态上的按钮颜色已更改angularjs

Javascript 更改状态上的按钮颜色已更改angularjs,javascript,html,css,angularjs,Javascript,Html,Css,Angularjs,我有灰色按钮,我需要实现它与2个状态选择(蓝色)和空闲状态(灰色)的其他一个。我正在研究Angularjs。我是这个平台的新手 请提供带有输出的教程或示例代码。您可能会提供一个可以添加到按钮中的类,例如“已选择”。下一步是在选择此btn时翻转变量: $scope.isSelected = true; 现在在按钮上使用“ng类”: <button ng-class="{'selected':isSelected}"></button> 基本上,当isSelected

我有灰色按钮,我需要实现它与2个状态选择(蓝色)和空闲状态(灰色)的其他一个。我正在研究Angularjs。我是这个平台的新手


请提供带有输出的教程或示例代码。

您可能会提供一个可以添加到按钮中的类,例如“已选择”。下一步是在选择此btn时翻转变量:

$scope.isSelected = true;
现在在按钮上使用“ng类”:

<button ng-class="{'selected':isSelected}"></button>

基本上,当
isSelected
为true时,添加类
selected


编辑:在javascript中,我们可以参考按钮并更改背景。我们如何在AngularJS中做到这一点?我们正在创建一个答案w/fiddle,这里是与这个答案匹配的fiddle@布罗科你的答案让事情变得简单,如果你把它作为答案而不是评论发布,我会选择它作为答案。不管怎么说,谢谢你的小提琴:)@NiranjanBalkrishnaPrajapati我很感激,但事实上,它们是相同的答案,只是形式不同而已。因为他的答案是在我制作小提琴后提交的,所以把它放在这里是合适的。