【问题标题】:Using Meteor with npm node-mangafox在 npm node-mangafox 中使用 Meteor
【发布时间】:2017-09-08 12:54:38
【问题描述】:

我在 Meteor 上玩了一段时间,我正在尝试使用 npm 包,但我没有完全理解如何使用 Js,但我学习的方式是边做边学。

有人能解释一下我将如何使用 npm node-mangafox 它使用 api 从站点获取信息,但我不知道如何显示这个在 Html 文件中,甚至如何获取我正在寻找的数据我使用 Json 还是 JavaScript。

我是编程新手,请善待。

所以我使用的是普通 Meteor 构建,然后安装了正确安装的“npm node-mangafox”,然后我成功地将其导入到我的项目(服务器)中,但现在我不知道调用/显示数据。

我在这方面的尝试。

<template name="manga">
    <div id="manga"></div>

      <script>

      var mangaFox = { function (getManga) {
      document.getElementById("manga").innerHTML = (list);
      }};

      </script>
</template>

这是我的尝试,这可能是非常错误的 - 但我只是试图让数据显示以开始了解 API 调用者如何通过此包工作。

注意我是 (HTML/CSS/JS/JSON) 的初学者,但这有助于我学习 :) !

谢谢!!

【问题讨论】:

    标签: javascript json node.js meteor npm


    【解决方案1】:

    你需要做几件事:

    将您的 javascript 代码移动到模板助手中,

    你可以像这样导入库

    import mangaFox from 'node-magafox'
    

    调用获取数据并保存到局部变量

    //Gets all available manga titles
    mangaFox.getManga( mangaData => {
    
    })
    

    从模板中删除 &lt;script&gt;

    放入{{#each}} 块以显示每个漫画

    不要使用.innerHTML,它可以做到,但你有一个模板系统可以为你做到这一点

    那里有很多东西可以为你学习...

    【讨论】:

    • 嗨,Mikkel,我尝试了这个但失败了,请问我可以得到更多信息吗?也谢谢你!
    • 问题是我不知道我需要告诉你什么。如果您是编程新手,您可能以前没有使用过 Meteor。如果您与我分享您的项目,我可以添加一些代码让您开始使用
    • 你好,Mikkel,在剪裁我的工作时我有点害羞:D 但我通过 Github 有它,请随意看看我只是想从Carosuel 占位符在主页上所在的 Api。 link
    • 链接失效 - 它是私人仓库吗?别担心,我不是在窃取人们的代码。调试自己的代码已经够难的了,更不用说维护别人的了。您可能需要与我分享回购协议
    猜你喜欢
    • 2015-01-22
    • 2019-10-21
    • 2013-06-10
    • 1970-01-01
    • 2015-10-21
    • 2016-09-07
    • 2017-05-16
    • 2018-06-08
    • 1970-01-01
    相关资源
    最近更新 更多