Angular JS ng-if

时间:2014-04-29 17:27:22

标签: angularjs

我是AngularJS的新手,我正在独立学习它 我读到了ng-if using the official AngularJS website

我有一个练习,我需要扫描一种颜色,如果颜色是白色(十六进制为#fff),我应该将跨度的背景颜色更改为黑色(十六进制中的#000)。

这是我尝试过的 JSbin 我参与了Javascript,因为我不知道如何在Angular上处理CSS,我认为这就是为什么代码没有按预期工作的原因。

抱歉无知。

提前致谢。

1 个答案:

答案 0 :(得分:1)

当你有onclick(或者根本就是这个问题)时,你不使用内联JS(ng-click)。我建议你退后一步,确保你了解发生了什么,而不是随意添加一些代码,希望他们能给你你想要的东西。

这是一个更新的demo

首先,我删除了onClick。然后我改变了要包含在scope中的函数,因为这是你在ng-click之类的东西中找到这些函数的唯一方法。最后,我更改了添加一个backgroundColor变量,以便在单击按钮时将其设置为所需的颜色,并将输出元素的style属性更改为background-color而不是{{ 1}}就像你一样。

另外,我不知道color与此有什么关系。