使用ng-style的多个三元组

Question

我想知道你如何拥有/如果你应该在html

中有多个三元组

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

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

如果我还想考虑languagePath ===＆＃39; en＆＃39;我不是很幸运。

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 ===＆＃39; en＆＃39;上添加字体大小。

Answer 1

听起来你想要这个：

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

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

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

...然后在你的ng风格的三元组中使用useRelativeFont()。