Javascript Can';t在Onsen.io中浏览我的口袋妖怪
我正在学习如何使用onsen.io,最好的学习方法是制作口袋妖怪应用程序 但当然,作为一个noob,我很难使用onsen.io循环浏览我的151个口袋妖怪列表。我可以console.log记录151的列表,但我不确定在ons列表中显示它缺少什么 我是否循环错误 谢谢 这是我的密码:Javascript Can';t在Onsen.io中浏览我的口袋妖怪,javascript,arrays,onsen-ui,Javascript,Arrays,Onsen Ui,我正在学习如何使用onsen.io,最好的学习方法是制作口袋妖怪应用程序 但当然,作为一个noob,我很难使用onsen.io循环浏览我的151个口袋妖怪列表。我可以console.log记录151的列表,但我不确定在ons列表中显示它缺少什么 我是否循环错误 谢谢 这是我的密码: <ons-navigator id="myNavigator" page="main-temp"></ons-navigator>
<ons-navigator id="myNavigator" page="main-temp"></ons-navigator>
<!-- ******************** main-template ******************** -->
<template id="main-temp">
<ons-page id="main-page">
<ons-toolbar style="background-color: red;">
<div class="center" style="color: #fff;">Pokedex</div>
</ons-toolbar>
</ons-page>
</template>
<!-- ******************** list template ******************** -->
<template id="list-temp">
<ons-page id="list-page">
<div class="content content-container">
<ons-list id="list-item"></ons-list>
</div>
</ons-page>
</template>
<!-- ******************** spinner modal ******************** -->
<ons-modal id="spinner-modal">
<div style="margin: auto;">
<ons-icon icon="md-spinner" size="100px" spin></ons-icon>
</div>
</ons-modal>
Pokedex
window.onload=函数(){
var spinnerModal=document.querySelector(“#spinner model”);
spinnerModal.show();
变量设置={
“url”:`https://pokeapi.co/api/v2/pokemon?limit=151`,
“方法”:“获取”,
“超时”:0,
};
$.ajax(设置)
.完成(功能(结果){
发送数据(结果);
让结果=结果;
控制台日志(结果);
})
.失败(功能(xhr、状态、错误){
console.log('错误:'+xhr.status);
})
.always(函数(){
spinnerModal.hide();
})
函数sendData(jsonData){
var itemsList=document.getElementById('list-item');
对于(设i=1;i “您的代码中有两个问题
您的api响应包含result
,但您需要在result.results
中可用的口袋妖怪列表,因此您需要调用sendData(result.results)
您正在使用template
标记,该标记创建一个名为documentFragment
的不同文档范围。在模板中,id表示要在应用程序中呈现为模板的HTML页面,因此id应定义为id='something.htm'
。有关详细信息,请阅读
模板的正确使用
<template id="page.html">
</template>
or
<ons-splitter>
<ons-splitter-content page="page.html">
</ons-splitter-content>
</ons-splitter>
Pokedex
Woohoo它很有效!!非常感谢!!迫不及待地想有一天变得和你一样好哈哈!嘿,Sandeep Joshi!现在我的列表开始工作了。我想知道为什么我的口袋妖怪数据在我查看console.log时只有.name和.url?我没有看到其他类似“能力”、“移动”等的东西?很抱歉再问一个问题。不用担心。API重新发布ns一个带有名称的url。如果您需要与神奇宝贝相关的能力和其他数据,则需要再次查询该url。API不首先发送能力和其他数据的原因是响应将变得太大。嗯……我不确定如何执行此操作?有关如何查询url的任何提示?:(我在此处创建了一个新票证: