如何將數據從JavaScript代碼傳遞到Polymer自定義元素？

Question

我想通過屬性將我在變量上的數據傳遞給Polymer組件。

這是代碼：

<script>
  var item1 = {
      title: "Title 1",
      status: "accepted"
  };
</script>

<bm-card item="{{item1}}" otherAttribute="hello">

otherAttribute獲取自定義元素的數據，但項目未到達。

如何從item1變量填充item屬性？

Answer 1

要在<polymer-element>之外使用數據綁定，您需要<template is="auto-binding"> ： https ： //www.polymer-project.org/docs/polymer/databinding-advanced.html#bindingoutside

但是，您可以直接在js中設置屬性：

<bm-card otherAttribute="hello">

document.addEventListener('polymer-ready', function() {
  document.querySelector('bm-card').item = item1;
});

您必須等待聚合物就緒的原因是確保元素已在DOM中升級並定義了它的屬性/方法。