加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

angularjs – ngClass样式,在键中有破折号

发布时间:2020-12-17 09:22:03 所属栏目:安全 来源:网络整理
导读:我希望这可以使人们头痛与使用破折号的样式,特别是因为引导已经变得如此受欢迎。 我使用角度1.0.5的方式 script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.js"/script 在ngClass documentation中,示例很简单,但它也提到表达式可以是
我希望这可以使人们头痛与使用破折号的样式,特别是因为引导已经变得如此受欢迎。

我使用角度1.0.5的方式

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.js"></script>

在ngClass documentation中,示例很简单,但它也提到表达式可以是一个类名称到布尔值的映射。我试图使用“icon-white”样式在我的图标上,如bootstrap documentation所示,这取决于一个布尔变量。

<i class="icon-home" ng-class="{icon-white: someBooleanValue}">

上面的行不工作。当someBooleanValue为true时,类不附加icon-white。但是,如果我将键更改为iconWhite,它将成功添加到类值列表。如何用短划线添加一个值?

经过几个小时的黑客攻击,结果是破折号被插入!需要报价。
<i class="icon-home" ng-class="{'icon-white': someBooleanValue}">

我希望这可以帮助别人撕开他们的头发。

更新:

在旧版本的Angular中,使用反斜杠也会做到这一点,但在较新的版本中不行。

<i class="icon-home" ng-class="{icon-white: someBooleanValue}">

前者可能是首选,因为你可以更容易地搜索它在你最喜欢的编辑器。

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读