Javascript 聚合物1.0自动绑定模板_Javascript_Web Component_Polymer 1.0_Custom Element

Javascript 聚合物1.0自动绑定模板

javascript

Javascript 聚合物1.0自动绑定模板,javascript,web-component,polymer-1.0,custom-element,Javascript,Web Component,Polymer 1.0,Custom Element,我正试图让自动绑定模板工作出成功。这就是我到目前为止所做的。该页面不会以“问候语”的值呈现。它输出{{问候语} <!doctype html> <html lang=""> <head> <link rel="stylesheet" href="styles/main.css"> <script src="bower_components/webcomponentsjs/webcomponents-lite.js"></

我正试图让自动绑定模板工作出成功。这就是我到目前为止所做的。该页面不会以“问候语”的值呈现。它输出{{问候语}

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

它适用于Polymer 0.5.5

您的

{{{greeting}

绑定必须是标记（）的唯一内容。您需要删除周围的空白：

<template is="dom-bind" id="app" >
  <span>{{greeting}}</span>
</template>


{{问候语}

<template is="dom-bind" id="app" >
  <span>{{greeting}}</span>
</template>