Fatal编程技术网
  • polymer/
  • Polymer 聚合物数据绑定在应用程序页中不起作用

Polymer 聚合物数据绑定在应用程序页中不起作用

polymer

Polymer 聚合物数据绑定在应用程序页中不起作用,polymer,Polymer,我创建了一个应用程序页面，该页面将获取属性值并显示该值。我使用聚合物的数据绑定。但是，它不起作用： <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-sc

我创建了一个应用程序页面，该页面将获取属性值并显示该值。我使用聚合物的数据绑定。但是，它不起作用：

<!doctype html>
  <html lang="en">
    <head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
      <title>demo-prep1 demo</title>
      <script src="/bower_components/webcomponentsjs/webcomponents-lite.js"></script>
      <link rel="import" href="../demo-prep1.html"/>
      <link rel="import" href="/bower_components/polymer/polymer.html">
    </head>
    <body>
      <div class="vertical-section-container centered">
        <h3>Basic demo-prep1 demo</h3>
        <demo-prep1 emp-name$="{{employeeName}}"></demo-prep1>
        Hello [[employeeName]]
        <input id="output_val" value="[[employeeName]]"></input>
      </div>
    </body>
</html>


演示-prep1演示
基本演示-prep1演示
您好[[employeeName]]
我看到这个结果：

我怎样才能使装订工作？我在聚合物组件中输入的员工姓名应显示在应用程序页面中。属性标记为
notify:true

对于聚合元素外部的数据绑定，需要使用模板：

<body>
  <template is="dom-bind">
    [[propertyName]]
  </template>
</body>

HTMLImports.whenReady（（）=>{
聚合物({
是：“demo-prep1”，
特性：{
empName名称：{
类型：字符串，
价值观：“约翰·多伊”，
通知：正确
}
}
});
});


基本演示-prep1演示
您好[[employeeName]]

对于聚合元素外部的数据绑定，您需要使用模板：


<body>
  <template is="dom-bind">
    [[propertyName]]
  </template>
</body>




HTMLImports.whenReady（（）=>{
聚合物({
是：“demo-prep1”，
特性：{
empName名称：{
类型：字符串，
价值观：“约翰·多伊”，
通知：正确
}
}
});
});


基本演示-prep1演示
您好[[employeeName]]