javascript - Angular Js 将固定的 ng 类与同一标记中的表达式结合起来?

标签 javascript angularjs

我有一个标签:

<body ng-cloak class="foobar" ng-class="{'fixed-header': settings.isFixed}">

在另一个类似的项目中我有一个类似的:

<body ng-cloak class="foobar" ng-class="routeClassName">

如何同时应用 routeClassName 条件类?

我试过了

<body ng-cloak class="foobar" ng-class="{'routeClassName','fixed-header': settings.isFixed}">

和类似,但会抛出错误。所以我想我的语法不对....

最佳答案

有两种方法可以做到这一点:

首先,让 Angular 插入值,因为它只是类名字符串,然后使用 ngClass 作为条件:

<body ng-cloak class="foobar {{routeClassName}}" ng-class="{'fixed-header': settings.isFixed}">

其次,在您尝试过的语句中使用 true:

<body ng-cloak class="foobar" ng-class="{'routeClassName': true, 'fixed-header': settings.isFixed}">

我倾向于第一个选项,因为 ngClass 是针对基于表达式的条件类。

关于javascript - Angular Js 将固定的 ng 类与同一标记中的表达式结合起来?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23227369/

相关文章:

javascript - 尝试创建按日期排序的数组时,无法设置未定义错误的 "something"属性。

javascript - ng-map只打开远程KML文件而不打开本地文件?

javascript - 基于事件导航选项卡的动态 MVC Razor href

javascript - 根据文本自动选择组合框中的值

javascript - Meteor 动态 url 显式模板查找路径代替

javascript - 如何使用 Parse 访问和查询对象的 ID?

javascript - JavaScript 中使用 toLocaleDateString 的日期格式

Javascript 检查数组是否由函数填充

javascript - 如何在 Angular 表达式中获取一种范围变量?

angularjs - 防止/处理 Angular 中的双击按钮