Enrutamiento AngularJS con templateUrl

Question

Nov 16, 2016, 03:48 PM

Enrutamiento AngularJS con templateUrl

Tengo un problema con el enrutamiento AngularJS: no recibo ningún comentario de la página. Sin errores o interruptores de vista.

Verifiqué mi implementación del módulo, pero se declaró de la manera correcta. Luego busqué errores tipográficos comotemplateURL, pero no encontré ninguno. También intenté usarng-href en lugar dehref en la lista, pero luego ya no se podía hacer clic en los enlaces.

Aquí está misaqueador.

Y mi código:

Creé mi navegación:

<body ng-app="Productportfolio">

<ul>
  <li>
    <a href="#/home">Home</a>
  </li>
  <li>
    <a href='#/privat'>Log in</a>
 </li>
</ul>

<ng-view></ng-view>

<!--own js -->
<script src="app.js"></script>
<!--Controller -->
<script src="ProductCtrl.js"></script>
<!--Services -->
<!--Direktives-->
</body>

Hecho las plantillas:

//home.html
<div>
  <h1> Home </h1>
</div>

//private.html
<div>
  <h1> Private</h1>
</div>

Declarado un módulo angular:

angular.module('Productportfolio', ['ngRoute'])

Agregué $ routeProvider a mi configuración:

angular.module('Productportfolio', ['ngRoute', 'ProductService', 'ProductCtrl'])

.config(['$routeProvider, $locationProvider', function ($routeProvider, $locationProvider) {

  $routeProvider

    .when('/home', {
        templateUrl: 'home.html',
        controller: 'ProductCtrl'
    })

    .when('/private', {
        templateUrl: 'private.html',
        controller: 'ProductCtrl'
    })

    .otherwise({
        redirectTo: '/home',
        controller: 'ProductCtrl'
    });

  $locationProvider.hashPrefix('!');

}]);