0

我正在尝试让自动绑定模板成功运行。这是我到目前为止所做的。该页面不会以 "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>

应用程序.js

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

})(document);

它适用于聚合物 0.5.5 http://plnkr.co/edit/fmL9xQEXKwnINzdL3rBj?p=preview

4

1 回答 1

2

您的{{greeting}}绑定必须是标签的唯一内容（Polymer 文档：绑定到文本内容）。您需要删除周围的空格：

<template is="dom-bind" id="app" >
  <span>{{greeting}}</span>
</template>
于 2015-06-27T22:16:07.940 回答