将三元选项与Chart.js和AngularJs一起使用

Question

您好，我是前端开发的新手，我正在使用Chart.js和Angular-Charts。 我目前遇到一个问题，其中X轴标签太长，但是在返回的JSON对象中，我有一个简短或长名称的属性...我试图找出是否有一种方法可以执行根据字符串的长度进行三元运算，并决定要使用的属性：

HTML：

<canvas canvas id="base" class="chart-horizontal-bar" height="400px"
                chart-labels="profile['detail']['freq-graph']['long-labels']"
                chart-data="[profile['detail']['freq-graph'].data]"
                chart-colours="['#008080']"
                chart-legend="false"/>

我想我可以做这样的事情：

 chart-labels="profile['detail']['freq-graph']['long-labels'].length<20 ?profile['detail']['freq-graph']['short-labels':profile['detail']['freq-graph']['long-labels']]"

Answer 1

您缺少一个括号。

chart-labels="profile['detail']['freq-graph']['long-labels'].length < 20 ? profile['detail']['freq-graph']['short-labels'] : profile['detail']['freq-graph']['long-labels']"
//                                                                                                                      ^^^