根据我点击了ionic ionic 3的项目获取JSON数据

时间:2018-08-18 03:31:22

标签: html json angular ionic-framework ionic3

因此,当我单击图像时,我希望它转到一个显示所有类似标题和其他信息的页面,我敢肯定这是行得通的,但我不知道为什么它不行,请帮帮我!

问题是它显示了这个“无法读取属性标题”

home.html

from collections import defaultdict
bittrex_prices = defaultdict(list)

def get_bittrex_price():
    Prices = "https://bittrex.com/api/v1.1/public/getmarketsummaries"
    r = requests.get(url=Prices)
    data = r.json()
    for coin in range(0,3):
        bittrex_prices.update({ data['result'][coin]["MarketName"]: [data['result'][coin]["Last"], data['result'][coin]["Volume"]]})

    print(bittrex_prices.items())

Home.ts

dict_items([('BTC-2GIVE', [5.7e-07, 2737875.01432421]), ('BTC-ABY', [3.7e-07, 3199768.33293631]), ('BTC-ADA', [1.621e-05, 33765846.49729761])])

}

获取HTML信息的页面

bittrex_prices[1]

>

请帮助我,希望这有道理。

ps:如果您能帮助我,我将永远爱您!

2 个答案:

答案 0 :(得分:1)

在这里,您正在从UI传递item.id,请尝试传递item.id的项目瞬时值。您的代码应如下所示:

<div class="row">
    <div class="column" *ngFor="let item of items">
      <img [src]="item.thumbnailUrl" alt="Snow" style="width:100%;border-radius: 4px;" (click)="viewItem(item)">
      {{item.title}}
    </div>
  </div>



viewItem(item){
    console.log(item); //It will show you every items from your object that you passed. now you can access anything by using item.
    this.navCtrl.push('TvshowPage', { item: item })
  }

答案 1 :(得分:0)

(click)=viewItem(item) 

以html

您只传递了item.id,这就是为什么无法获得标题的原因,因此您必须通过点击方法传递项目

viewItem(item){ 
 console.log(item)
 } 

在javascript中

在这里您将获得特定的项目数据,而不是item.id