2015-06-27 3 views
0

Я пытаюсь получить шаблон автоматической привязки для работы без успеха. Это то, что я сделал до сих пор. Страница не отображает значение «приветствие». Он выводит {{greeting}}.Полимер 1.0 шаблоны автоматического связывания

<!doctype html> 
<html lang=""> 
<head> 

    <link rel="stylesheet" href="styles/main.css"> 
    <script src="bower_components/webcomponentsjs/webcomponents-lite.js"></script> 
    <link rel="import" href="bower_components/polymer/polymer.html"> 
</head> 
<body> 
    <template is="dom-bind" id="app" > 
    <span> {{greeting}} </span> 
    </template> 
    <script src="scripts/app.js"></script> 
</body> 
</html> 

app.js

(function(document) { 
    'use strict'; 
    var app = document.querySelector('#app'); 
    app.greeting = "Hello"; 

})(document); 

Он работает с полимером 0.5.5 http://plnkr.co/edit/fmL9xQEXKwnINzdL3rBj?p=preview

ответ

2

Ваш {{greeting}} связывание должно быть единственным содержанием тега (Polymer documentation: Binding to text content). Вам необходимо удалить окружающие пробелы:

<template is="dom-bind" id="app" > 
    <span>{{greeting}}</span> 
</template> 
Смежные вопросы