在 ng-style 中使用多个三元组

Posted 2023-02-23

【中文标题】在 ng-style 中使用多个三元组

【英文标题】：Using multiple ternaries in ng-style

【发布时间】：2017-02-28 03:44:38

【问题描述】：

我想知道你怎么能有/如果你应该在 html 中有多个三元组

如果属性存在为真，我正在尝试更改字体大小。在这种情况下，条件 isJP 可以正常工作。

ng-style="isJP() ? 'font-size':'8125em' : 'font-size':'16px'">

如果我还想考虑 languagePath === 'en' 我就没有那么幸运了。

isJP() ? languagePath ==='en'? 'font-size':'.8125em' : 'font-size':'16px'

最后一次尝试创建 2 并排在一起是没有意义的，但我试图看看会发生什么。

isJP() ? 'font-size':'.8125em' : 'font-size':'16px', languagePath === 'eng'? 'font-size':'.8125em' : 'font-size':'16px'">

想知道解决这个问题的最佳方法是什么。我绝对想在 isJP() 和 languagePath ==='en'

上添加更改字体大小

【参考方案1】：

听起来你想要这个：

"(isJP() || languagePath === 'en') ? 'font-size': '8.125em' : 'font-size': '16px'"

---

另一种选择是在您的角度代码中定义一个函数来检查这两个条件，例如

useRelativeFont = function () return (isJP() || languagePath === 'en')

...然后在您的 ng 样式三元组中使用 useRelativeFont()。