Полимер 3.0 в визуальной студии, чтобы сделать звонок покоя с Iron-AJAX - PullRequest
Новая
       39

Полимер 3.0 в визуальной студии, чтобы сделать звонок покоя с Iron-AJAX

0 голосов
/ 17 ноября 2018

Привет! Я использую Visual Studio 2017 с полимером 3.0. Я пытаюсь использовать iron-ajax для повторного вызова. Но я получаю ошибку 'Uncaught SyntaxError: Неожиданная строка iron-ajax line 11'. Я копирую тот же пример на сайте iron-ajaxно ошибка та же. Чего мне не хватает?

https://www.webcomponents.org/element/@polymer/iron-ajax

> <script src="node_modules/@polymer/iron-ajax/iron-ajax.js"></script>
>     <script type="module">
>         import { PolymerElement, html } from './node_modules/@polymer/polymer/polymer-element.js';
>         //import './node_modules/@polymer/iron-ajax/iron-ajax.js';
>         class SampleElement extends PolymerElement {
>             static get template() {
>                 return html`
>       <iron-ajax
>           auto
>           url="http://localhost:8033/api/City/All"   
>           hande-as="json"
>           on-response="handleResponse"
>           debounce-duration="300">
>       </iron-ajax>
>     `;
>             }
>         }
> 
>             customElements.define('sample-element', SampleElement);
>     </script>

1 Ответ

0 голосов
/ 18 ноября 2018

Я пытался выяснить по вашим кодам, но не смог найти.Возможно проблемы возникают из-за чего-то еще.Вот рабочий пример: (Я просто изменил URL, чтобы получить некоторые данные:

DEMO 

import {PolymerElement, html} from '@polymer/polymer';

import '@polymer/iron-ajax/iron-ajax.js';
import '@polymer/iron-list/iron-list.js';
import '@polymer/iron-image/iron-image.js';

class SampleElement extends PolymerElement {
            static get properties() { return { 
                  response: { type: Object }
             }
            }
             static get template() {
                 return html`
               <iron-ajax 
                 auto id="ajax"
                 url="https://randomuser.me/api?results=10"
                 last-response="{{response}}"
                  on-response="handleResponse"
              > </iron-ajax>

                 <iron-list items="[[response.results]]" as="item" id="itemlist" scroll-target="document" selected-item="{{selectedItem}}" selection-enabled grid>
                 <template>
                       <div class = "flexchild" style="width:50%"> 
                        <iron-image   style ="width: 40px;height:40px; border-radius:30px;" src='[[item.picture.large]]'></iron-image> 
                        <span>[[item.name.first]] [[item.name.last]]</span>  </div><br/>
                  </template>
                  </iron-list>


                  `;
             }

     handleResponse(r) {
       console.log(r)
     }
  }
 customElements.define('sample-element', SampleElement);
...