我正在尝试让自动绑定(bind)模板正常工作,但没有成功。这就是我到目前为止所做的。该页面不会以“greeting”的值呈现。它输出{{greeting}}。
<!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);
它适用于 Polymer 0.5.5 http://plnkr.co/edit/fmL9xQEXKwnINzdL3rBj?p=preview
最佳答案
您的 {{greeting}}
绑定(bind)必须是标记 ( Polymer documentation: Binding to text content ) 的唯一内容。您需要删除周围的空白:
<template is="dom-bind" id="app" >
<span>{{greeting}}</span>
</template>
关于javascript - Polymer 1.0 自动装订模板,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31093081/