У меня есть ответ JSON, где для одного параметра у меня есть строка, разделенная запятыми, как показано ниже

   this.dataList = [{ 
      "id":1,
      "name": "Ram",
      "total_slots": 3,
      "alloted_slot":"a1,a2,a3"
   },
   { 
      "id":2,
      "name": "Ashok"
      "total_slots": 3,
      "alloted_slot":"a1,a2"
   }]

У меня есть дизайн пользовательского интерфейса, в котором мне нужно отображать эти данные. На основе общего количества слотов, которые мне нужны для отображения кнопок, но на основе значения alloted_slot Мне нужно отключить и включить кнопку. Если выделены слоты a1 и a2, то слот 1 и слот 2 будут отключены, а слот 3 будет включен. 

 <ion-row *ngFor="let data of dataList">
        <ion-label>{{data.name}}</ion-label>
        <ion-row *ngIf="data.total_slots === 3">
                <ion-col col-4>
                <button ion-button>
                  Slot 1
                </button>
              </ion-col>
              <ion-col col-4>
                <button ion-button>
                  Slot 2
                </button>
              </ion-col>
               <ion-col col-4>
                <button ion-button>
                  Slot 3
                </button>
              </ion-col>

        </ion-row>
   </ion-row>

Может ли кто-нибудь помочь мне, как это сделать.

arrays json angular ionic3
1
ananya 18 Окт 2019 в 10:49

1 ответ

Лучший ответ

Попробуйте вот так:

<ion-row *ngFor="let data of dataList">
    <ion-label>{{data.name}}</ion-label>
    <ion-row >
        <ion-col col-4>
            <ng-container *ngFor="let item of fakeArray(data.total_slots);let i = index">
                <button ion-button [disabled]="data.alloted_slot?.includes('a'+ (i+1))" (click)="getSelectedSlotValue('a'+ (i+1))">
                  Slot {{i + 1 }}
        </button>
            </ng-container>
        </ion-col>
    </ion-row>
</ion-row>

TS:

  getSelectedSlotValue(slot: string) {
    alert("Select Slot :" + slot);
  }

Рабочая демонстрация

2
Adrita Sharma 18 Окт 2019 в 15:58

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

6 Отправить данные JSON через POST (ajax) и получить ответ json от контроллера (MVC)
3 Кнопка углового отключения после нажатия?
2 Angular - предотвращение мигания цвета элемента при рендеринге шаблона
1 Angular: как включить и отключить поле ввода на основе переключателя
💵 Получи $100 на хостинг на 60 дней.
Регистрируйся!

Новые вопросы

3 Соедините значения массива и ключи между двумя массивами php
2 получить конкретное значение из json с помощью php
5 Как напечатать переменную в массиве, используя ее индекс
3 Как добавить данные к объекту в массиве
2 Как хранить несколько значений в объектах внутри массива
2 Как объединить два ассоциативных массива
7 как отсортировать массив объектов по условию javascript
3 Как выполнять операции над вложенным массивом объектов внутри массива с помощью javascript?
6 Почему в этом случае a = [10, 20, 30, 40], а не [10, 20]？
2 Это правильный способ удаления элементов из массива localStorage?
Все вопросы по теме arrays >

arrays

Массив - это упорядоченная линейная структура данных, состоящая из набора элементов (значений, переменных или ссылок), каждый из которых идентифицируется одним или несколькими индексами. Когда вы спрашиваете о конкретных вариантах массивов, используйте вместо них следующие связанные теги: [vector], [arraylist], [matrix]. При использовании этого тега в вопросе, относящемся к языку программирования, пометьте вопрос используемым языком программирования.

Подробнее про arrays...