I can not use two components in angularjs 1.5

0

I am learning angularjs 1.5, I can use a component, but when I want to use two, the first one disappears and I do not know why. Does anyone realize why?

         < / 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>

My html5 body ng-app="appProbandoComponent":

<probando-component></probando-component>
<probando-componenta></probando-componenta>
    
asked by shakismsr 31.01.2017 в 23:44
source

1 answer

0

Calling module("appProbandoComponent", []) with the second parameter rewrites appProbandoComponent

Modules should only be initialized once, to obtain an already created module use only the name module("appProbandoComponent")

    
answered by 01.02.2017 / 00:38
source