Fatal编程技术网
  • polymer/
  • Polymer 在模板中显示两个值之一

Polymer 在模板中显示两个值之一

polymer

Polymer 在模板中显示两个值之一,polymer,polymer-1.0,Polymer,Polymer 1.0,我有一个简单的元素： <dom-module id="example-element"> <template> <span>{{showAorB??}}</span> </template> <script> Polyemer({ is: 'example-element', parameters: { a: String, b: String }

我有一个简单的元素：

<dom-module id="example-element">
  <template>
    <span>{{showAorB??}}</span>
  </template>
  <script>
  Polyemer({
    is: 'example-element',
    parameters: {
      a: String,
      b: String
    }
  });
</script>
</dom-module>


{{showAorB？？？}
多聚物({
是：'示例元素'，
参数：{
a:弦，
b:字符串
}
});
我是这样使用它的：

<example-element a="{{a}}" b="{{b}}">
在我的场景中，
a
或
b
中的一个始终是
未定义的

我所困惑的是如何实现
{{showAorB}
部分。基本上，我想要的是像
a | | b
这样的东西

我所尝试的：

  • 计算属性/函数（
    {{showAorB（a，b）}}
    ）-不起作用，因为它等待
    a
    和
    b
    都
    ！==未定义的
    ，在我的例子中，这意味着它将永远等待
  • {{a}}{{b}
    -这太尴尬了
实现这一点的正确方法是什么？

使用函数语法（
{showAorB（a，b）}
），但在
属性
声明中（您显示了
参数
，但它应该是
属性
）给出
a
和
b
错误（但不是
未定义的
）值。像这样：

properties: {
  a: {
    value: ''
  },
  b: {
    value: ''
  }
},
实例：