Question

您好

我从Polymer 1.0开始，我尝试创建我的第一个元素并加载到html页面。我使用Chrome Dev Editor，项目创建正确，因为我可以加载所有示例。之后我删除所有示例代码并创建一个：

文件夹＆＃34;元素＆＃34;进入项目

＆＃34; HELLO-world.html＆＃34;使用以下代码：

<link rel="import" href="../bower_components/polymer/polymer.html">
<polymer-element name="hello-world" noscript>
<template>
    <h1>Hello World</h1>
</template>

更新了＆＃34; index.html＆＃34;中的代码。文件

<!doctype html>
<html>
<head>
    <title>PolyExample</title>
    <script src="bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
    <link rel="import" href="elements/hello-world.html">
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <h1>Test Polymer</h1>
    <hello-world></hello-world>
</body>
</html>

我将不胜感激任何有关此事的帮助

提前致谢

Answer 1

您的代码在创建元素的方式上存在严重问题，
您使用dom-module元素来创建新元素，您需要编写一些JS来初始化元素。以下是一个例子

<link rel="import"
      href="bower_components/polymer/polymer.html">

<dom-module id="hello-world">

  <template>
    <h1>Hello World</h1>
  </template>

  <script>
    Polymer({
      is: "hello-world"
    });
  </script>

</dom-module>

包含该代码的script标记对于您的元素的工作至关重要。这可能很简单。

要了解更多信息，请点击链接：
https://www.polymer-project.org/1.0/docs/start/quick-tour.html

Polymer网站不加载元素

1 个答案: