【发布时间】:2015-10-06 12:26:34
【问题描述】:
我正在尝试学习 Polymer,但我无法让它发挥作用。
我创建的新元素除了 DOM 元素之外没有显示任何输出
请检查以下我的代码:
索引.html
<!DOCTYPE html>
<html>
<head>
<script src="bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
<link rel="import" href="dom-element.html">
<link rel="import" href="hello-world.html">
</head>
<body>
<dom-element></dom-element>
<hello-world></hello-world>
</body>
</html>
dom-element.html
<link rel="import"
href="bower_components/polymer/polymer.html">
<dom-module id="dom-element">
<template>
<p>I'm a DOM element. This is my local DOM!</p>
</template>
<script>
Polymer({
is: "dom-element"
});
</script>
</dom-module>
hello-world.html
<link rel="import"
href="bower_components/polymer/polymer.html" />
<polymer-element name="hello-world" noscript
<template>
<h1>Hello World</h1>
</template>
</polymer-element>
这是输出: 我是一个 DOM 元素。这是我的本地 DOM!
【问题讨论】:
标签: javascript html polymer web-component google-web-component