聚合物自定义元素属性为布尔型值

茶汤

Demo A工作的同时,我想了解是否有可能使它像一样工作Demo B基本上,要使自定义元素将happyFlag属性解析为布尔类型。

// Demo A - works. bob smiles. cat frowns.
<x-smiley name="Bob" happyFlag="true"></x-smiley>
<x-smiley name="Cat" happyFlag="false"></x-smiley>
<polymer-element name="x-smiley" attributes="name, happyFlag" noscript>
    <template>
        {{name}} is
        <span hidden?="{{happyFlag == 'true'}}">:-)</span>
        <span hidden?="{{happyFlag == 'false'}}">:-(</span>
        <hr>
    </template>
</polymer-element>

// Demo B - does not work (span always hidden)
<x-smiley name="Bob" happyFlag="true"></x-smiley>
<x-smiley name="Cat" happyFlag="false"></x-smiley>
<polymer-element name="x-smiley" attributes="name, happyFlag" noscript>
    <template>
        {{name}} is
        <span hidden?="{{happyFlag}}">:-)</span>
        <span hidden?="{{happyFlag}}">:-(</span>
        <hr>
    </template>
</polymer-element>
亚当8810

您可以给Polymer提示有关属性是什么类型的输入。请参见下面的示例,其中添加了Polymer脚本,特别是this.happyFlag = false在创建的方法中。该行向Polymer提示此值应视为布尔值。有关提示类型,请参见Polymer的文档

<polymer-element name="x-smiley" attributes="name, happyFlag">
<template>
    {{name}} is {{happyFlag}}
    <span hidden?="{{happyFlag}}">:-)</span>
    <span hidden?="{{happyFlag}}">:-(</span>
    <hr>
</template>
<script>
  Polymer('x-smiley', {
    created: function() {
        this.happyFlag = false;
    },
    ready: function() {
    }
  })
</script>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

具有双向属性绑定的聚合物自定义元素

如何将属性从自定义聚合物元素绑定到angularjs

聚合物布局属性可在整个视口上拉伸自定义元素

如何使用存储在自定义聚合物2.0元素属性中的对象

自定义元素模板中的聚合物 3 自定义元素

样式仅在具有布局属性的元素内应用于自定义聚合物元素的样式

聚合物查询选择器无法在聚合物元素中找到自定义聚合物元素

在聚合物的内容元素中使用自定义元素

聚合物1.0布尔属性,其默认值设置为true

聚合物添加行为而不创建自定义元素?

切换自定义元素“聚合物”中的纸张对话框

如何在自定义聚合物元素中处理paper-dropdown-close事件

在自己的项目中使用自定义聚合物元素-如何正确执行?

如何使Disqus注释javascript代码在聚合物自定义元素中工作

聚合物:在“自定义元素”中使用querySelector而不是“ this。$”。

如何将聚合物自定义元素绑定到内容?

在另一个自定义标签内动态创建聚合物元素

聚合物:创建一个“常规”自定义元素

如何为聚合物2创建自定义元素的“调整大小” mixin?

在自定义聚合物元素中,我需要在何处安装super.attach?

自定义div元素(聚合物)不监听contentEditable =“ true”

聚合物:自定义元素不隐藏标记,CSS

聚合物2,从父级更改自定义元素中的CSS

基于父页面的自定义元素“聚合物”对话框的大小/位置

具有模板即内容的聚合物自定义元素

聚合物自定义元素将不会样式化

聚合物中不会在页面上显示计算的自定义属性

聚合物:自定义过滤器

如何为自定义聚合物元素创建方法并在主应用程序中调用它?