在 ng 风格中使用多个三元组

Question

我想知道你怎么能/如果你应该在 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'

上添加更改字体大小

Answer 1

听起来你想要这个：

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

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

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

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

Using multiple ternaries in ng-style