Iron-ajax無法讀取json文件

我在第一個視圖中使用了用Polymer Starter Kit初始化的Polymer應用程序。我想讀一個<paper-listbox>內JSON文件，併爲每個數組元素的<paper-item>：Iron-ajax無法讀取json文件

下面是我<paper-listbox>代碼：

<paper-listbox> 
    <iron-ajax auto url="/listActivities.json" handle-as="json" last-response="{{activities}}" id="ajaxLoader"></iron-ajax> 
    <template is="dom-repeat" items="{{activities}}"> 
     <paper-icon-item> 
      <iron-icon icon="star" item-icon></iron-icon> 
      <paper-item-body two-line> 
       <div><span>{{item.label}}</span></div> 
       <div secondary>Unit game number : <span>{{item.unitGames.length}}</span></div> 
      </paper-item-body> 
     </paper-icon-item> 
    </template> 
    </paper-listbox>

這是我的JSON文件：

[ 
{ 
    "_id":"58dbcb30dc0b2a01553c59a9", 
    "staticMedia":"58d52d626575de2207193fac", 
    "label":"myfirstgame", 
    "__v":0, 
    "unitGames":["58dbcaa5dc0b2a01553c59a8"] 
}, 
{ 
    "_id":"58dd1d3edc0b2a01553c59af", 
    "staticMedia":"58d12091241b0868bfb29a3b", 
    "label":"Jeu à l'IUT", 
    "__v":0, 
    "unitGames":["58dd1b61dc0b2a01553c59ab"] 
}, 
{ 
    "_id":"58dd23e14704644b4ab307e6", 
    "staticMedia":"58d12091241b0868bfb29a3b", 
    "label":"IUT", 
    "__v":0, 
    "unitGames":["58dd23ba4704644b4ab307e4"] 
}, 
{ 
    "_id":"58e008d67d08713351f0af13", 
    "staticMedia":"58d52d626575de2207193fac", 
    "label":"Test POI clue", 
    "__v":0, 
    "unitGames":["58e008b97d08713351f0af12"] 
}, 
{ 
    "_id":"58e10d2d7d08713351f0af22", 
    "label":"Prunus MLG", 
    "__v":0, 
    "unitGames":["58e10d167d08713351f0af21"] 
} 
]

該應用程序不需要我的JSON文件的每個部分（只需要label和unitGames）。當我運行該應用程序時，它在視圖標題後沒有顯示任何內容。我該如何解決？

來源

2017-04-11 Rhohen

自動設置，但我找到了我的解決方案，非常感謝回答。 – Rhohen

的問題來自我的JSON文件的url路徑，文件的名稱之前的「/」是不需要的，因爲該文件與my-view1.html位於同一文件夾中。

來源

2017-04-12 07:14:52 Rhohen

這可能是因爲你缺少的一個或多個組件所需的HTML進口：

<link rel="import" href="../iron-ajax/iron-ajax.html"> 
<link rel="import" href="../iron-icon/iron-icon.html"> 
<link rel="import" href="../iron-icons/iron-icons.html"> 
<link rel="import" href="../paper-listbox/paper-listbox.html"> 
<link rel="import" href="../paper-item/paper-item.html"> 
<link rel="import" href="../paper-item/paper-icon-item.html"> 
<link rel="import" href="../paper-item/paper-item-body.html">

通過以上的進口和您的listActivities.json，這plunker demo產生：

來源

2017-04-12 02:45:01 tony19

問題來自我的JSON文件的路徑，我的文件的名稱之前的「/」不需要，但感謝您的幫助，併爲我的英語感到抱歉它不是我的母語，但我會更多從現在開始謹慎。 – Rhohen

Iron-ajax無法讀取json文件

回答

相關問題