Pomoc pri programovaní, odpovede na otázky / Nodejs / cesta nefunguje v angularjs - node.js, angularjs, trasy

cesta nefunguje v angularjs - node.js, angularjs, trasy

Používam úhlové spolu s uzlom. Používam cesty na presmerovanie stránky.

Na moju HTML stránku som definoval 2 odkazy ako:

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

a do súboru app.js definovala trasu ako:

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"
});


});

keď spustím html súbor a kliknem na odkaz pre registráciu, vytlačí sa "test", ale nezobrazí stránku v prehliadači.

odpovede:

1 pre odpoveď č. 1

tvoj <div ng-view></div> je mimo <div ng-app="test"> rozsah.

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

Jednoducho povedané ng-app="test" na niektorý rodičovský prvok, ako je body alebo html aby sa všetky prvky nachádzali vo svojom rozsahu.