1

Estoy aprendiendo angularjs 1.5, consigo utilizar un componente, pero cuando quiero utilizar dos, el primero me desaparece y no sé porqué. ¿Alguién se dá cuenta porqué?

</script>-->

<script src="index.js"></script>
<meta charset="utf-8" />
<script>
    angular
      .module("appProbandoComponent", [])
      .component("probandoComponent", {
          template: [
            '<div class="miclase">',
            '<span>Esto es algo de HTML en el componente</span> ',
            '<b>Angular Rules!</b>',
            '</div>'
          ].join('')
      });

    angular
      .module("appProbandoComponent", [])
      .component("probandoComponenta", {
          template: [
            '<div class="miclase">',
            '<span>Esto es algo de HTML en el componente2</span> ',
            '<b>Angular Rules!</b>',
            '</div>'
          ].join('')
      });

</script>

Mi html5 body ng-app="appProbandoComponent":

<probando-component></probando-component>
<probando-componenta></probando-componenta>
0

1 respuesta 1

1

Al llamar module("appProbandoComponent", []) con el segundo parametro reescribes appProbandoComponent

Los modulos solo se deben inicializar una ves, para obtener un modulo ya creado usa solo el nombre module("appProbandoComponent")

1
  • Efectivamente, era esto. Me tenía esto loca. Muchísimas gracias!
    – shakismsr
    el 2 feb. 2017 a las 21:01

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

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