javascript - polymer 过滤器不起作用

Question

此 polymer 过滤器不起作用:

<polymer-element name="my-ele">
    <template><content></content></template>
    <script>Polymer({
         publish : {
             name : "hello"
         }
         myFilter : function (val) { return "test";}
    })</script>
</polymer-element>
<my-ele><span>{{name | myFilter}}</span></my-ele>

跨度内的内容为空白。怎么了？

Answer 1

您正在尝试在 polymer 元素之外使用数据绑定(bind)和过滤器。那是行不通的。

要在 polymer 外部使用数据绑定(bind)，您可以使用自动绑定(bind)模板并使用自动节点查找 ($) 引用元素的 myFilter 方法:

<template is="auto-binding">
  <my-ele id="myelem">
    <span>{{name | $.myelem.myFilter}}</span>
  </my-ele>
</template>