javascript - 具有 html 输出的 Angular 三元运算符

标签 javascript angularjs

是否可以将三元运算符的输出呈现为 html?

{{ boolA ? 'Some text' : '<i class=\"fa fa-check\"></i>' }}

还尝试修改 previous question 中的内联 if/else 指令但也无法让它工作。

.filter('iif', ['$sce', function ($sce) {
    return function (input, trueValue, falseValue) {
        return $sce.trustAs('html', input ? trueValue : falseValue);
    }
}])

最佳答案

是的,像这样使用 ng-bind-html :

<span ng-bind-html=" your_condition ? 'html_if_true' : 'html_if_false' "></span>

根据您的要求替换值。

关于javascript - 具有 html 输出的 Angular 三元运算符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38454031/

相关文章:

javascript - 使用 jQuery prev() 和 next() 查找正确的 SPAN 标记

javascript - 如何验证IP地址是否正确?

javascript - 保护联系表

angularjs - "search"上的 Angular 数据表搜索过滤器按

angularjs - Angular 货币筛选器-添加符号Â

javascript - Ajax 不将数据发送到 PHP 文件

javascript - 在javascript中设置屏幕保护程序的超时时间

javascript - 如何等待 IONIC(AngularJS) 中所有 js 脚本加载完成?

javascript - 指令内容在包装 html 之前呈现

javascript - data-ng-class 中的函数没有被调用