angular - 未定义角度标识符“playerPhoto”。'' 不包含这样的成员
问题描述
我正在开发一个离子应用程序,我在 HTML 文件中使用 *ngFor="let playerValue of player" 获取值
但是在插值 {{playerValue.playerPhoto}} 或 playerValue.playerType 例如: -
或者
错误信息是-:
[Angular] 未定义标识符“playerType”。'' 不包含这样的成员
或者
[Angular] 标识符“playerPhoto”未定义。'' 不包含这样的成员
注意: ->> 当我从中删除代码管道时 - | 搜索:条款| 排序:{属性:列,顺序:顺序};
未显示错误,因此添加管道存在问题
下面是我收到错误的 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文件
**export class CreateteamPage {
players: playerss [];**
在打字稿中,我放置了界面类型 player[] 的播放器,
界面
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数据->
http://magicmindpremier11.azurewebsites.net/api/Players/GetPlayers
解决方案
推荐阅读
- python - pip 安装要求版本/依赖冲突
- javascript - 如何从 inJavaSCript 的数组中打印多个元素?
- android-studio - 如何将android studio上的相机旋转到肖像模式
- html - For Loop HTML/JS ,每周递减数字
- python-3.x - 添加第 23 行后如何超出范围?
- nginx - 我想通过http进行通信,但它更改为https
- flutter - 当在 Flutter quiz-app 中选择错误答案时,如何在按下按钮时更改按钮的颜色或在下方打印新消息?
- ssl - VerneMQ TLS 配置给出错误握手失败使用letsencrypt
- modelica - 为什么在函数中使用灵活的数组输入会在 OpenModelica 中引发翻译错误?
- swift - 快速传递数据委托和协议