javascript - 基于 ng-class 中的插值添加多个三元运算和条件

标签 javascript angular ng-class

这是我的指令模板代码。

'<div>' +
     '{{object.classificationName}}&nbsp;&nbsp;<span ng-class="(toggle ? \'icon- 
remove-contain\' : \'icon-add-contain\') + ' ' + ({{object.valueExists}} ? \'collapsed\': \'\')" data-toggle="collapse" data-target="#{{object.classificationId}}" ng-click="toggle = !toggle"></span>' +
'</div>'

我在 ng-class 中使用了两个三元运算,中间有一个空格。但是,它不起作用。可能是什么错误?

输出:

Uncaught SyntaxError: Unexpected string

最佳答案

Syntax Error in (\'icon-add-contain\') + ' ' + ({{object.valueExists}} ? \')

尝试将 + ' ' + 替换为 ' + ' ' + '

关于javascript - 基于 ng-class 中的插值添加多个三元运算和条件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49515338/

相关文章:

javascript - angular ng-class 将类添加到除当前之外的所有类

javascript - JQuery 如何替换文本区域内的字符串?

javascript - 正则表达式匹配段落内的文本

javascript - 如何验证和包装输入的错误消息?

Javascript onBlur 前缀负号

html - 在我的右侧显示用户名 'Mat-toolbar'

html - 我可以在 angular2 模板中使用 '==' 和管道 ( | ) 吗?

angular - 如何动态更改 BsDaterangepickerDirective 中的 bsConfig(NGX 日期范围选择器)

javascript - 即使我的情况按预期发生变化,Angular ngClass 也没有更新我的类

javascript - Angular 表,使用 ngClass 和 ng-repeat 添加类