Question

我已经创建了一个元素来显示API调用的结果，但它没有渲染。我已经使用了未注册的元素＆＃39; Polymer团队的bookmarklet，显示为未注册。我在Polymer入门套件中使用它。

我确信这是一个简单的疏忽，我只是没有看到。

元素列在elements.html文件中，并在主index.html文件中使用，如此。

    <section data-route="driver-standings">
      <driver-standing></driver-standing>
    </section>

元素

<dom-module id="driver-standing">
  <template>
    <style>
      :host {
        display: block;
      }
    </style>

    <iron-ajax
          auto
          url="http://ergast.com/api/f1/current/driverStandings.json"
          handle-as="json" 
          last-response="{{data}}"></iron-ajax>

    <template is="dom-repeat" items="{{driverList}}">
      <span>[[item.Driver.givenName]]</span> <span>[[item.Driver.familyName]]</span>
    <template>

  </template>

  <script>
  (function() {
    'use strict';

    Polymer({
      is: 'driver-standing',

      properties: {
        data: { 
        },
        driverList: {
          computed: 'processDrivers(data)'
        }
      },
      processDrivers: function (data){
        console.log("processDrivers")
        return data.MRData.StandingsTable.StandingsLists[0].DriverStandings;
      }
    });
  })();
  </script>

</dom-module>

任何有用的帮助

Answer 1

我错过了模板标记上的结束/。

<template is="dom-repeat" items="{{driverList}}">
  <span>[[item.Driver.givenName]]</span> <span>[[item.Driver.familyName]]</span>
<template>

...成为

<template is="dom-repeat" items="{{driverList}}">
  <span>[[item.Driver.givenName]]</span> <span>[[item.Driver.familyName]]</span>
</template>

很容易错过：）

Answer 2

您的originalFilename - 模板看起来应该是这样的：

你应该在item标签中显示你想要的项目，而Polymer会抛出你的Array，它会在PHAssetResourceCreationOptions - 标签下定义的名称下保护每个Object，这样你就可以访问你内部的Object了。模板绑定与大括号中的名称，如dom-repeat

as

聚合物元素未注册

2 个答案: