0

Bom dia, tenho o seguinte código para o meu reader:

<link rel="import" href="../polymer/polymer-element.html">
<dom-module id="reader">



<template>

  <div>
    <button id="NewYork" on-click="putNew" value = "Temperatura">NewYork</button>
  </div>

</template>



<script> 

class Reader extends Polymer.Element {
  static get is() { return 'reader'; }


  static get properties() {
    return {
        saida:{
          type: Array,
          notify: true
        },
        passar:{
          type: Boolean,
          notify:true
        }
      }
  }

  putNew(event)
  {

    var parseTime = (valor)=>{
      let temp= new Date((valor*1000)+10800000)
      return temp;
    };

    let formatData = (d) => {
      d.date=parseTime(d.date) 
      if(d.valor!="")
      {
        d.valor = +d.valor;
      }
      else
      {
        d.valor = NaN;
      }
      return d;
    }

    let render = (error, data) => {
      let i = this.saida.length;


      this.push('saida',{data:data, nome: event.path[0].id, tipo:event.path[0].value, cor:i, posEscala:""})
      this.notifyPath('saida.length')
      console.log(this.saida)
      //this.passar=(!this.passar)
    }

    d3.tsv(event.path[0].id+".tsv",formatData,render)

   }
 }
 customElements.define(SomaReader.is, SomaReader);


</script>
</dom-module>

e o seguinte codigo para o meu element:

<link rel="import" href="../polymer/polymer-element.html">
<link rel="import" href="reader.html">


<script src="http://d3js.org/d3.v3.min.js"
charset="utf-8"></script>

<dom-module id="chartelement">



 <template>

  <soma-reader 
    passar={{passar}}
    saida={{mascara}}
  ></soma-reader>

 </template>



 <script> 

class Chartelement extends Polymer.Element {
  static get is() { return 'chartelement'; }



  static get properties() {
    return {
      mascara:{
        type:Array,
        notify:true,
        observer: '_activeChanged'
      },
      passar:{
        type: Boolean,
        notify:true
      },
    };
  }

 _activeChanged()
 {
  console.log("passei aqui")
 }



}

customElements.define(SomaChartelement.is, SomaChartelement);


</script>
</dom-module>

Porém ao fazer o push no reader, nao eh disparado uma notificação para o chatelement executar a função _activeChanged, alguém sabe me explicar o por que disso acontecer e o que necessita ser feito para que a notificação seja disparada?

1 Resposta 1

0

Primeiro de tudo notei que você declarou um componente como reader mas na hora de chamar em outro, você chamou como soma-reader, não sei como isso pode funcionar assim, deixe tudo com o mesmo nome.

Bom, mas acredito que o seu problema é que o observador não está funcionando, isso é por que quando a alteração parte de um componente filho você precisa usar observadores complexos, além de é claro manter a propriedade com notify:true

no seu caso faça o seguinte:

static get properties() {
    return {
      mascara:{
        type:Array,
        notify:true
      },
      passar:{
        type: Boolean,
        notify:true
      },
    };
}

static get observers() {
      return [
        '_activeChanged(mascara.*)'
      ]
}

_activeChanged(){
  console.log("passei aqui")
}

Como a propriedade mascara é um array para que o observador funcione quando tiver alteração dentro do array é preciso colocar um asterisco junto a propriedade, como: _activeChanged(mascara.*). Mas caso você queira que funcione só se mudar a propriedade toda, faça: _activeChanged(mascara)

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .