2015-10-25 5 views
0

Я новичок в polymer и мой первый скрипт не работает ...Простой полимер скрипт не работает

Мой код:


index.php:

<!DOCTYPE html> 
<html> 
<head> 
    <script src="bower_components/webcomponentsjs/webcomponents.js></script> 

    <link rel="import" href="elements/hello-world.html"> 
</head> 
<body> 
    <hello-world></hello-world> 
</body> 
</html> 


hello-world.html (Обновление):

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

<dom-module id="hello-world" noscript> 
<template> 
    <h1>Hello World!</h1> 
</template> 

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

библиотеки:

polymer.html: http://pastebin.com/jd1rxAuH

wecomponents.js: http://pastebin.com/yBaJpFBi


Загружено здесь: https://www.sese7.de/polymer/

Я не знаю, что я сделал неправильно, спасибо заранее;)

ответ

0

Как можно прочитать на странице Polymer Migration Guide.

Тег <polymer-element> больше не используется, чтобы определить элемент. В этом выпуске они заменяются элементом <dom-module> (для определения локальных DOM и стилей) и вызовом Polymer (для регистрации элемента).

Рабочий пример можно увидеть на http://webcomponents.org/hello-world-polymer/bower_components/hello-world-polymer/ где привет-world.html определяется аналогична:

<link rel="import" href="../polymer/polymer.html"> 
<dom-module id="hello-world"> 
    <template> 
     <h1>Hello world</h1> 
    </template> 
    <script> 
     // the is is important here since it specifies the element name 
     Polymer({is: "hello-world"}); 
    </script> 
</dom-module> 
+0

спасибо, но до сих пор не работает правильно –

+0

работает в настоящее время, я редактировал его, как в примере –

Смежные вопросы