0

Me gustaría conseguir que desde código javascript, se cargara una lista de objetos que obtengo desde firebase, a la propiedad "items" de un paper-item dentro de un paper-menu. Aquí os dejo mi código:

HTML:

<paper-menu class="menuList" id="disciList" attrForSelected="value" selectedItems="{{selectionDisci}}" multi>
  <template is="dom-repeat" items="{{disciplines}}">
     <paper-item value="{{item.name}}">{{item.name}}</paper-item>
  </template>
</paper-menu>

Javascript:

var disciplines = [];
      var i = 0;
      
      var disciRef = db.ref(exercises.node + exercises.discinames);
      disciRef.once("value").then(function(snapshot) {
        snapshot.forEach(function(childSnapshot) {
          var key = childSnapshot.key;
          disciplines["name" + i] = childSnapshot.key;
          i++;
        });
      });

Obtengo la lista correctamente, pero no encuentro la manera de cargar {{items.name}} más el valor de "i" (0-1-2-3...) en el paper-item. Si existe otra manera de cargar la lista dinámica, estoy abierto a aprender.

Gracias de antemano.

1 respuesta 1

0

En base a las maneras en que yo he logrado eso es mediante:

Polymer({

   ready: function() {
      this._disciplines = ['Disciplina inicial primaria', 'Disciplina inicial secundaria'];
    },

    _creaItem: function() {
      this.push('_disciplines', 'Disciplina ' + this._disciplines.length);
    }

  });

Escríbelo tal como se ve aquí en tu etiqueta script.

Te explico. El en primer objeto ready se asigna una función que se ejecuta cuando los elementos polymer estén listos. Por ejemplo, estoy asignando al arreglo _disciplines un arreglo con los datos iniciales.

La segunda es un objeto que llama a una función y lo puedes utilizar como tal.

<paper-button on-click="_creaItem">Agregar</paper-button>

Y como código ejemplo: agrega al arreglo objetos individualmente. En éste caso, se agrega otro objeto con texto "Disciplina" concatenándole la cantidad de objetos en el arreglo.

Utiliza el método que más te convenga (llenar tu arreglo al momento de carga o bajo demanda. Llena tu arreglo con otro arreglo o inserta objeto por objeto)

11
  • He puesto lo mismo que tenia pero cambiando la manera en que añado valores al array: this.push('_disciplines', key); Y me da el siguiente error: Uncaught (in promise) TypeError: this.push is not a function.. ¿He hecho algo mal? Commented el 15 nov. 2016 a las 7:56
  • Estoy viendo que lo que me falla es que no puedo acceder desde dentro del foreach de firebase a un array de fuera.. alguien tiene idea de como hacerlo? Commented el 15 nov. 2016 a las 14:49
  • Para que reconozca la función push debes hacer que _disciplines sea un arreglo. Para ésto podrías hacer this._discliplines = [ ]; en la función de ready.
    – Freddy Hdz
    Commented el 15 nov. 2016 a las 15:47
  • Por qué dices que no puedes acceder a un array de fuera ?
    – Freddy Hdz
    Commented el 15 nov. 2016 a las 15:54
  • porqué cuando intento acceder al _disciplines, dentro del snapshot.forEach tiene unos valores y fuera está vacio Commented el 15 nov. 2016 a las 16:09

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.