Question

我刚刚开始使用Angular，它似乎很好实现，我很享受。

我刚刚在我的HTML页面中使用了三元运算符，但它无效，我正在使用Angular parsing error

以下是我要执行的内容。

<button class="common btnYellow viewAllText">{{data.data.bookmarks[0].category_name.length>=0 ? '{{data.data.bookmarks[0].category_name}}' : 'Recently Added'}}</button>

任何建议对我都有帮助。

谢谢

Answer 1

替换它：

{{data.data.bookmarks [0] .category_name.length＆gt; = 0？＆＃39; {{data.data.bookmarks [0] .category_name}}＆＃39; ：＆＃39;最近添加＆＃39;}}

有了这个：

{{data.data.bookmarks [0] .category_name.length＆gt; = 0？ data.data.bookmarks [0] .category_name：＆＃39;最近添加＆＃39;}}

<button class="common btnYellow viewAllText">{{data.data.bookmarks[0].category_name.length>=0 ? data.data.bookmarks[0].category_name : 'Recently Added'}}</button>

Answer 2

无需将插值表达式嵌套在一起。

使用此：

<button class="common btnYellow viewAllText">{{data.data.bookmarks[0].category_name.length>=0 ? data.data.bookmarks[0].category_name : 'Recently Added'}}</button>

Answer 3

试试这个，

{{data.data.bookmarks [0] .category_name.length＆gt; = 0？ data.data.bookmarks [0] .category_name：'最近添加'}}

Answer 4

您已经使用了角度表达式解析器，因此您不必再次重复它。您不必为角度表达式添加''。

另外，使用大括号使表达式更清晰 -

<button class="common btnYellow viewAllText">
    {{ (data.data.bookmarks[0].category_name.length >= 0) ? 
    data.data.bookmarks[0].category_name : 'Recently Added' }}
</button>

角度表达式在三元运算符中不起作用

4 个答案: