使用angularjs更改默认条件css类

我想根据文本的长度设置其样式。红色是真的，绿色是假。我使用带有表达式的ng类。用户单击后是否可以更改css

这是一个plunkr：

{{name}
长度：{{name.Length}}个字符

切换类

最初，

toggle

未定义，我认为这在计算表达式

[name.length>3&&toggle]

时导致了错误。然后，当您单击按钮时，

undefined

的相反项为true，因此您的切换开始按预期工作

要解决此问题，可以在处理视图之前使用对表达式求值

例如，如果将div更改为：

<div ng-init="toggle = true">

---

然后，类开始时是绿色的。

您不需要为ng click创建一个控制器函数吗？内联代码有效吗？不需要控制器在文档中我从未注意到这个ng init…非常感谢

<div ng-init="toggle = true">