троичная операция в представлении списка не работает на nativescript

Question

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

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" },
    ],

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

Answer 1

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

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

Answer 2

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

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

Answer 3

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