代码之家 › 专栏 › 技术社区 › AlexBenoit

聚合物2条件属性

polymer web node.js javascript

AlexBenoit · 技术社区 · 6 年前

我试图找到聚合物2的条件属性信息,但只能找到聚合物1的信息。有人知道怎么做吗?

3 回复 | 直到 6 年前

tony19 steve 6 年前

在Polymer 1.0中,属性绑定的语法为:

<x-foo attr?="{{boolean-expression}}">

在Polymer 2.0中 syntax changed 从…起 ?= 到 $= :

<x-foo attr$="{{boolean-expression}}">

window.addEventListener('WebComponentsReady', () => {
  class XFoo extends Polymer.Element {
    static get is() { return 'x-foo'; }
    
    static get properties() {
      return {
        checked: {
          type: Boolean,
          value: false
        }
      };
    }
    
    _toggleCheck() {
      this.checked = !this.checked;
    }
  }
  customElements.define(XFoo.is, XFoo);
});

<head>
  <base href="https://polygit.org/polymer+v2.5.0/components/">
  <script src="webcomponentsjs/webcomponents-loader.js"></script>
  <link rel="import" href="polymer/polymer.html">
</head>
<body>
  <x-foo></x-foo>

  <dom-module id="x-foo">
    <template>
      <button on-click="_toggleCheck">Toggle check</button>
      <input type="checkbox" checked$="{{checked}}">
    </template>
  </dom-module>
</body>

Binh Bui 6 年前

我相信你在找这个? Polymer attribute binding

关于@tony19 answer的一些额外信息是绑定, {{value}} 用于双向绑定和 [[value]] 用于单向绑定。有趣的是 {{值}} 如果无法实现双向数据绑定,实际上会自动转换为单向绑定。

Bravebox 6 年前

在以下情况下可以使用dom: Polymer 2.0 dom-if

或者可以使用计算方法 Observers and computed properties

在dom repeat中的元素上,例如:

<my-element class$="is-active-[[_isActive(item.active)]]"></my-element>

_isActive(active) {
    return active ? true : false;
}

推荐文章

pixelpete36 · 在vscode中通过npm加载React时,是否需要在HTML文件中使用<script>标记?

1 年前

Iseoluwa ariyibi · 获取未定义的控制台后日志记录req.body

1 年前

Guilherme Doherty Marques · Javascript机器人检查签证预约不起作用,我不知道如何解决

1 年前

AlaaKudo810 · 无法更新猫鼬中的对象

1 年前

Unnikrishnan KJ · 由于“TypeError”,路径“pathname”处的值“[]”(类型为Array)转换为数组失败

1 年前

Ananya S · 请求hashicorp保险库通过cURL工作,但不通过node-js程序

1 年前

Daniel Varentsoff · 如何使用bullmq重试成功的作业

1 年前

Alireza Keshvari · 如何在ws和express中向具有不同工作人员的所有客户端广播消息?

1 年前

Foobar · 如何在Fastify中为请求附加“项目”密钥?

1 年前

chrispytoes · 从服务器端获取登录用户

1 年前