Угловое выражение не работает в тройном операторе

Question

Я только начал работать с Угловым, он кажется хорошим для реализации, и мне это нравится.

Я просто использовал тройной оператор в моей HTML страницы, но это не работает, и я получаю Угловой 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> = 0? '{{data.data.bookmarks [0] .category_name}}': 'Недавно добавленные'}}

С этим:

{{data.data.bookmarks [0] .category_name .length> = 0? data.data.bookmarks [0] .category_name: 'Недавно добавленные'}}

<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> = 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>