聚合物1.0自动绑定模板
Polymer 1.0 auto binding templates
我正在尝试让自动绑定模板成功工作。这就是我迄今为止所做的。该页面不以值"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);
它适用于聚合物0.5.5http://plnkr.co/edit/fmL9xQEXKwnINzdL3rBj?p=preview
您的{{greeting}}
绑定必须是标记的唯一内容(聚合物文档:绑定到文本内容)。您需要删除周围的空白:
<template is="dom-bind" id="app" >
<span>{{greeting}}</span>
</template>
相关文章:
- 用于搜索的聚合物嵌套绑定
- 聚合物绑定条件属性和求值属性
- 聚合物 - 在重复模板中获取数据绑定属性值
- 聚合物 - 将事件绑定到动态创建的元素
- 聚合物数据绑定:如何访问嵌套模板中的数据
- 聚合物模板自动绑定:在模板绑定事件之前的核心选择火灾
- JavaScript 聚合物选项卡不使用 is=“auto-binding” 绑定到页面
- 聚合物数据绑定铁 AJAX 并在控制台中访问获取的 JSON
- 聚合物重复模板双向数据绑定
- 与聚合物中的全局变量绑定
- 聚合物 1.x:数据绑定阵列
- 聚合物将数据绑定到加载了 innerHTML 的元素
- 聚合物.js嵌套组件中的数据绑定
- 聚合物 iron-ajax 调用以及如何在绑定发生之前修改/过滤响应
- 将jQuery Keypress()绑定到聚合物纸张输入
- 聚合物-使用绑定数据刷新模板
- 输入值绑定和观察器在聚合物中不起作用
- 用于模板数据绑定的聚合物回调
- 聚合物->绑定中类似WPF/SL DataContext的概念
- 复选框's选中属性绑定-聚合物