Угловой идентификатор playerPhoto не определен.'' не содержит такого члена - PullRequest
Новая
       3

Угловой идентификатор playerPhoto не определен.'' не содержит такого члена

0 голосов
/ 03 декабря 2018

Я работаю над ионным приложением, в котором извлекаю значение, используя * ngFor = "let playerValue of Players", в файле HTML

Но я получаю ошибку при использовании свойства playerValue, такого как playerPhoto или playerTypeв html при интерполяции {{playerValue.playerPhoto}} или playerValue.playerType, например: -

или

сообщение об ошибке -:

[Angular] Идентификатор 'playerType' не определен.'' не содержит такого члена

или

[Angular] Идентификатор 'playerPhoto' не определен.'' не содержит такого члена

ПРИМЕЧАНИЕ: - >> КОГДА УДАЛЯЮТ КОДОВЫЕ ТРУБЫ, ИЗ КОТОРЫХ ЕСТЬ - |поиск: условия |sort: {property: column, order: order};

ОШИБКА НЕ ПОКАЗАНА, ТАК ПРОБЛЕМА С ДОБАВЛЕНИЕМ ТРУБ

Ниже приведен HTML-код, в котором я получаю ошибку 

<ion-content no-padding>
  <div class="create-team-section">
    <ion-list class="team-create-list">
      <div [ngSwitch]="playerType" *ngFor="let playerValue of players |
          search : terms| sort: {property: column, order: order}; let i = index">
        <div *ngSwitchCase="playerValue.playerType" ngSelected="selected">
          <ion-item [class.active]="playerValue.isSelected? 'active' : null">
            <ion-grid no-padding>
              <!-- <a (click)="playerInfo()"><img src={{playerValue.playerPhoto}}></a> -->
              <ion-row align-items-center [class.shake]="shake==playerValue.playerUid ? 'shake' : null">
                <ion-col col-3>
                  <!-- <div class="create-team-imge" >
                      <img src={{playerValue.playerPhoto}}>
                    </div> -->
                  <div class="create-team-imge">
                    <ion-avatar item-star no-line>
                      <button (click)="playerinfo(i)"><img src={{playerValue.playerPhoto}}></button>
                    </ion-avatar>
                    <ion-badge>
                      <ion-icon name="information"></ion-icon>
                    </ion-badge>
                  </div>
                </ion-col>
                <ion-col col-md-9 col-9 (click)="setClickedRow(i)">
                  <ion-row align-items-center>
                    <ion-col col-md-8 col-7>

                      <p>{{playerValue.playerName}}</p>
                      <p>Selected By {{playerValue.selectedBy}}</p>
                      <p class="country" >{{playerValue.teamName}}</p>
                      <p class="points"> Points:
                        <span>{{playerValue.totalPoint}}</span>
                      </p>
                    </ion-col>
                    <ion-col col-md-4 col-5 class="cradit">
                      <p>
                        <span>{{playerValue.playerCreditPoint}}</span>
                      </p>
                      <button ion-button icon-only>
                        <ion-icon [name]="playerValue.isSelected? 'close' : 'ios-checkmark'"></ion-icon>
                      </button>
                    </ion-col>
                  </ion-row>
                </ion-col>
              </ion-row>
            </ion-grid>
          </ion-item>
        </div>
      </div>
    </ion-list>
  </div>

</ion-content>

ts file 

**export class CreateteamPage {
  players: playerss [];**

в машинописном тексте я поместил проигрыватели интерфейса типа player [],

INTERFACE 

 export interface Playerss {
      playerUid: string;
      playerName: string;
      playerPhoto: string;
      country: string;
      playerCreditPoint: any;
      playerType: string;
      teamName: string;
      flag: number;
      totalPoint: number;
      status: boolean;
      selectedBy: string;
      c: string;
      vc: string;
      isSelected: boolean;
  }

JSON DATA ->

http://magicmindpremier11.azurewebsites.net/api/Players/GetPlayers

...