Тройная операция в представлении списка не работает на родном скрипте

тройная операция привязки элемента в представлении списка не работает.

https://play.nativescript.org/?template=play-js&id=xMm9oJ&v=2

<FlexboxLayout flexDirection = "row" class = "list-group-item">
                <Image src = "{{ imageSrc }}" class = "thumb img-circle" />
                <Label text = "{{ name = 'Spain' ? 'INDIA' : name }}" class = "list-group-item-heading"
                    verticalAlignment = "center" style = "width: 60%" />
            </FlexboxLayout>

countries: [
      { name: "Australia", imageSrc: "https://play.nativescript.org/dist/assets/img/flags/au.png" },
      { name: "Belgium", imageSrc: "https://play.nativescript.org/dist/assets/img/flags/be.png" },
      { name: "Bulgaria", imageSrc: "https://play.nativescript.org/dist/assets/img/flags/bg.png" },
      { name: "Canada", imageSrc: "https://play.nativescript.org/dist/assets/img/flags/ca.png" },
      { name: "Switzerland", imageSrc: "https://play.nativescript.org/dist/assets/img/flags/ch.png" },
      { name: "China", imageSrc: "https://play.nativescript.org/dist/assets/img/flags/cn.png" },
      { name: "Czech Republic", imageSrc: "https://play.nativescript.org/dist/assets/img/flags/cz.png" },
      { name: "Germany", imageSrc: "https://play.nativescript.org/dist/assets/img/flags/de.png" },
      { name: "Spain", imageSrc: "https://play.nativescript.org/dist/assets/img/flags/es.png" },
      { name: "Ethiopia", imageSrc: "https://play.nativescript.org/dist/assets/img/flags/et.png" },
      { name: "Croatia", imageSrc: "https://play.nativescript.org/dist/assets/img/flags/hr.png" },
      { name: "Hungary", imageSrc: "https://play.nativescript.org/dist/assets/img/flags/hu.png" },
      { name: "Italy", imageSrc: "https://play.nativescript.org/dist/assets/img/flags/it.png" },
      { name: "Jamaica", imageSrc: "https://play.nativescript.org/dist/assets/img/flags/jm.png" },
      { name: "Romania", imageSrc: "https://play.nativescript.org/dist/assets/img/flags/ro.png" },
      { name: "Russia", imageSrc: "https://play.nativescript.org/dist/assets/img/flags/ru.png" },
      { name: "United States", imageSrc: "https://play.nativescript.org/dist/assets/img/flags/us.png" },
    ],

Я пытался показать Индию вместо Испании, но у меня не получилось. если это невозможно, то как этого добиться?

nativescript

08.04.2019 13:51

Стоит ли изучать PHP в 2023-2024 годах?

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Пользовательский скаляр GraphQL

Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 3

Не забудьте добавить дополнительный = к вашему оператору. Похоже, вы на самом деле назначаете INDIA как имя каждого свойства имени, которое у вас есть.

<FlexboxLayout flexDirection = "row" class = "list-group-item">
    <Image src = "{{ imageSrc }}" class = "thumb img-circle" />
    <Label text = "{{ name === 'Spain' ? 'INDIA' : name }}" class = "list-group-item-heading"
        verticalAlignment = "center" style = "width: 60%" />
</FlexboxLayout>

08.04.2019 14:08

Вы также можете избежать фигурных скобок и использовать синтаксис привязки. Это чище.

<FlexboxLayout flexDirection = "row" class = "list-group-item">
    <Image [src] = "imageSrc" class = "thumb img-circle" />
    <Label [text] = "name === 'Spain' ? 'INDIA' : name" class = "list-group-item-heading"
        verticalAlignment = "center" style = "width: 60%" />
</FlexboxLayout>

10.04.2019 14:00

Ответ принят как подходящий

тройная операция будет работать в зависимости от условия. если его результат истинен или ложен, тогда он будет работать нормально. поэтому нужно быть очень осторожным при написании оператора условия. т.к. в коде вместо == написано = . вот почему он не работает.

27.05.2019 09:45

Другие вопросы по теме

Как я могу анализировать содержимое веб-просмотра?

Текст кнопки NS интерпретирует FontAwesome

Использование apollo-client в приложении нативного скрипта — процесс не определен

NativeScript Импорт модуля NGXS в app.module вызывает ошибку в консоли журнала

Как я могу вернуться к определенному компоненту или записи обратного стека в Nativescript-vue?

Как сделать элемент Label встроенным в nativescript?

Панель действий NativeScript снова появляется при навигации

Как я могу реплицировать директиву NgFor в ядре Nativescript?

Nativescript + Angular, как мне получить доступ к дочерним маршрутам в розетке маршрутизатора с вложенной страницей?

WaitForElement Не ответ JSON при попытке доступа к элементу кнопки

Тройная операция в представлении списка не работает на родном скрипте

Ответы 3

Другие вопросы по теме

Похожие вопросы