Сайт Polymer не загружает элемент

HelloСайт Polymer не загружает элемент

Я начинаю с Polymer 1.0, и я пытаюсь создать свой первый элемент и загрузить его на html-страницу. Я использую редактор Chrome Dev, проект был создан правильно, потому что я мог загрузить весь пример. После этого я устранить все примеры кода и создать:

папки "элементы" в проект

"привет-world.html" со следующим кодом:

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

Обновленный код в "index.html" файл

<!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>

Я буду признателен за любую помощь по этому

Заранее спасибо

источник

2015-12-15 Jose Raul Perera

Вы используете Polymer 0,5 синтаксис. Ниже приведено руководство (https://www.polymer-project.org/1.0/docs/migration.html#registration) о том, как перейти к новому синтаксису. – Maria

Большое спасибо @Maria, Возможно, испанский: «Gracias, Estabas en lo correcto» –

Ваш код имеет серьезные проблемы в том, как вы создаете свой элемент,
Вы используете 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

источник

2015-12-15 01:57:11 Adi

Большое спасибо @Adi, кажется, что учебник, который я использовал, был старым. Ваш ответ был очень полезным. еще раз спасибо –

Сайт Polymer не загружает элемент

ответ

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