2017-09-08 227 views
0

我一直玩流星的一段時間,我是跳槍嘗試使用npm包沒有充分了解如何使用Js,但我學習的方式是通過做。使用流星與NPM節點 - mangafox

會有人如此友善來解釋我將如何使用npm node-mangafox它使用api從網站獲取信息,但我不知道如何去顯示它在Html文件中甚至如何獲得我正在尋找的數據,我使用Json或JavaScript。

我完全是編程新手請友好。

所以我使用正常流星建立,然後安裝「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),但這有助於我學習:)!

謝謝!

回答

0

你需要做幾件事情:

將你的JavaScript代碼放到一個模板幫手,

可以導入這樣

import mangaFox from 'node-magafox' 

庫撥打電話來獲取數據並保存到本地變量

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

}) 

刪除從您的模板塊

放在一個{{#each}}塊顯示每個畫的漫畫的

不要使用.innerHTML,這是可以做到,但你有一個模板系統來爲你做的

很多更多的學習你...

+0

嗨,Mikkel,我試過這個,但失敗了,我可以得到一點點的信息嗎?也謝謝你! –

+0

問題是我不知道我需要告訴你什麼。如果你是編程新手,你可能以前沒有使用Meteor。如果你與我分享你的項目,我可以添加一些代碼,讓你開始,如果你喜歡 – Mikkel

+0

你好,Mikkel,我有點害羞,當涉及到剪切我的工作:D但我有它通過Github上,請隨時採取一看,我只是試圖從Api中的Carosuel佔位符所在的主頁上輸出信息。 [鏈接](https://github.com/nexthazard/New_SPA_Meteor) –