Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/arrays/13.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Can';t在Onsen.io中浏览我的口袋妖怪_Javascript_Arrays_Onsen Ui - Fatal编程技术网

Javascript Can';t在Onsen.io中浏览我的口袋妖怪

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>

我正在学习如何使用onsen.io,最好的学习方法是制作口袋妖怪应用程序

但当然,作为一个noob,我很难使用onsen.io循环浏览我的151个口袋妖怪列表。我可以console.log记录151的列表,但我不确定在ons列表中显示它缺少什么

我是否循环错误

谢谢

这是我的密码:

<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的任何提示?:(我在此处创建了一个新票证: