如何使用 angular 在两个按钮之间切换并更改颜色
How to toggle between two buttons and change color using angular
我正在尝试创建两个按钮,这两个按钮在初始加载时都没有被选中。单击第一个按钮时,它会被选中,我正在为其应用颜色。在初始加载期间,按钮下方显示的消息与单击按钮后显示的消息不同。我已经尝试了在 toggle 上应用颜色更改的逻辑,但是如何在初始加载时取消选择两个按钮并适当地更改消息。
我认为您的代码存在一些问题:
- 真正考虑使用!boolVariable的时候,试试boolVariable = false.
- 条件运算符 ( bool ? return1 : return2 ) 用于 return 值,而不是分配或应用逻辑.
- 我不太确定有这样的语法 ng-class="{true: 'green', false: 'blue'}[!yupNope.isSelected]"(也许我不知道新语法)。
这里是修改后的例子,是不是你想要的请试试
plnkr.co/edit/yvMgUaPN8NPgSYYiXAhI?p=preview
我正在尝试创建两个按钮,这两个按钮在初始加载时都没有被选中。单击第一个按钮时,它会被选中,我正在为其应用颜色。在初始加载期间,按钮下方显示的消息与单击按钮后显示的消息不同。我已经尝试了在 toggle 上应用颜色更改的逻辑,但是如何在初始加载时取消选择两个按钮并适当地更改消息。
我认为您的代码存在一些问题:
- 真正考虑使用!boolVariable的时候,试试boolVariable = false.
- 条件运算符 ( bool ? return1 : return2 ) 用于 return 值,而不是分配或应用逻辑.
- 我不太确定有这样的语法 ng-class="{true: 'green', false: 'blue'}[!yupNope.isSelected]"(也许我不知道新语法)。
这里是修改后的例子,是不是你想要的请试试
plnkr.co/edit/yvMgUaPN8NPgSYYiXAhI?p=preview