首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >正在从html ionic读取id值

正在从html ionic读取id值
EN

Stack Overflow用户
提问于 2018-07-01 23:36:40
回答 1查看 41关注 0票数 0

类型“EventTarget”上不存在属性“”id“”。“”

这是代码

list.html:

代码语言:javascript
复制
enter code<ion-list>

    <ion-item *ngFor="let result of seznamNaprav">
        <ion-thumbnail item-left>
            <img [src]="result.src">
        </ion-thumbnail>
        <button  [id]="result.id" ion-button clear (click)="buttonOgled($event)" [innerText] = "result.name"></button>
    </ion-item>
</ion-list> here

list.ts

代码语言:javascript
复制
buttonOgled($event){

  let id = event.currentTarget as HTMLButtonElement;

  let data = {id: event.target.id }; //in the variable we save the ID value of the exercise that we have selected

  console.log(data.id); //checking the passing ID

  this.navCtrl.push(NapravaPage, data); //we push the data to the next page

  // this.navCtrl.push(NapravaPage);

}

当我第一次运行应用程序时,出现了上面提到的错误。但是在我再次保存我的项目后,没有做任何更改,错误就消失了。除非我在浏览器中测试代码,否则没有问题,但是在真正的设备上启动它是行不通的。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-07-02 00:23:07

尝试更改:

代码语言:javascript
复制
<button  [id]="result.id" ion-button clear (click)="buttonOgled($event)" [innerText] = "result.name"></button>

到这个

代码语言:javascript
复制
<button ion-button clear (click)="buttonOgled(result.id)" [innerText] = "result.name"></button>

然后在list .ts中,你可以直接重定向:

代码语言:javascript
复制
buttonOgled(id) {
this.navCtrl.push(NapravaPage,{ id: id });
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51124684

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档