Aiuto nella programmazione, risposte alle domande / Nodejs / route non funziona in angularjs - node.js, angularjs, routes

route non funziona in angularjs - node.js, angularjs, routes

Sto usando angolare insieme al nodo. Sto usando percorsi per reindirizzare la pagina.

Nella mia pagina html ho definito 2 link come:

<!DOCTYPE html>
<html  >
<head>
<title>My Angular App!</title>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js"></script>
<script src="../public/javascript/angular-route.min.js"></script>
<link data-require="bootstrap-css@*" data-semver="3.2.0" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" />
<script src="/webstorm1/app.js"></script>
<script src="../controllers/registration.js"></script>

</head>
<body>
<div ng-app="test">
<a ng-href="#/login">Login</a>
<a ng-href="#/register">Register</a>
</div>
<div ng-view></div>

</body>
</html>

e sul file app.js ho definito il percorso come:

var test =  angular.module("test", ["ngRoute"])
.config(function($routeProvider, $locationProvider) {
console.log("test");
$routeProvider.when("/register",
{
templateUrl: "/webstorm1/partials/register.html",
controller: "registration"

});
$routeProvider.when("/login",
{
templateUrl: "../partials/login.html",
controller: "login"
});


});

quando eseguo il file html e clicco sul link di registrazione, stampa il "test", ma non mostra la pagina sul browser.

risposte:

1 per risposta № 1

Il tuo <div ng-view></div> è al di fuori di <div ng-app="test"> scopo.

<div ng-app="test">                         <!-- ng-app starts -->
<a ng-href="#/login">Login</a>
<a ng-href="#/register">Register</a>
</div>                                      <!-- ng-app ends  -->
<div ng-view></div>                         <!-- outside from ng-app  -->

Detto semplicemente ng-app="test" a qualche elemento genitore come body o html per rendere tutti gli elementi all'interno del loro scopo.