小编Har*_*anu的帖子

如何为聚合物1.0执行on-close或关闭<paper-dialog>的功能？

题:

每当<paper-dialog>元素关闭时如何自动执行函数？

版本:聚合物1.0

码:

<paper-dialog id="paper-id"
              entry-animation="scale-up-animation"
              exit-animation="scale-down-animation">
    <sample-element></sample-element>
</paper-dialog>

Run Code Online (Sandbox Code Playgroud)

dialog web-component polymer paper-elements polymer-1.0

Har*_*anu

2015 07-24

8
推荐指数

1
解决办法

5384
查看次数

使用聚合物1.0在两个聚合物元件之间结合数据

题

在下面的示例中,如何obj.name将<input>字段的变量绑定<test-element2>到<test-element>？

背景:

以下是我的代码.我有两种聚合物元素.test-element将数据绑定到obj.name.test-element2有一个输入字段,由函数观察objChanged.无论我在输入字段中更改了什么值,它都会更改并打印,test-element2但更改不会反映出来test-element.任何人都可以帮助将价值反映到test-element1？我有一个解决方案this.fire("object-change")用于文本更改时,但我正在寻找一个不使用事件监听器的解决方案.

还有一件事是我需要从脚本创建一个元素,它不能在HTML DOM中硬编码.

码:

<!DOCTYPE html>

<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Demo</title>

    <script src="../../bower_components/webcomponentsjs/webcomponents-lite.js"></script>
    <link rel="import" href="../../bower_components/polymer/polymer.html"/>
</head>

<body>
    <dom-module id="test-element">
        <template>
            <div>Hello <span>{{obj.name}}</span></div>
        </template>

        <script>
            TestElement = Polymer({
                is: "test-element",

                properties: {
                    "obj": {
                        type: Object,
                        notify: true
                    }
                },

                observers: [
                    "objChanged(obj.name)"
                ],
                "objChanged": function() {
                    var that = this;
                    console.log("First …

Run Code Online (Sandbox Code Playgroud)

data-binding web-component 2-way-object-databinding polymer polymer-1.0

Har*_*anu

2017 03-21

5
推荐指数

1
解决办法

6650
查看次数

如何在点击反应0.14 ES6时清除状态或清空数组？

我在一个模态中渲染一个数组.一旦模态关闭,我需要清空数组.以下代码更新数组但不点击closeModal时不清除数组.

constructor(props,context) {
   super(props,context);
   this.state = {
      myArray: []
   };

 }

 pushData(newVar) {
   this.setState((state) => {
       myArray: state.myArray.push(newVar)
   });
 }

 closeModal() {
   this.setState({
       myArray: []
   })
 }

Run Code Online (Sandbox Code Playgroud)

javascript functional-programming ecmascript-6 reactjs

Har*_*anu

2016 02-18

4
推荐指数

2
解决办法

2万
查看次数