AngularJS
ng-view
Ricerca…
introduzione
ng-view è una direttiva in-build che angular utilizza come contenitore per passare da una vista all'altra. {info} ngRoute non fa più parte del file angular.js di base, quindi dovrai includere il file angular-route.js dopo il file javascript angolare di base. Possiamo configurare un percorso usando la funzione "quando" del $ routeProvider. Dobbiamo prima specificare il percorso, quindi in un secondo parametro fornire un oggetto con una proprietà templateUrl e una proprietà controller.
ng-view
ng-view è una direttiva usata con $route per rendere una vista parziale nel layout della pagina principale. Qui in questo esempio, Index.html è il nostro file principale e quando l'utente atterra su "/" indirizza il templateURL home.html sarà reso in Index.html dove viene menzionata ng-view .
angular.module('ngApp', ['ngRoute'])
.config(function($routeProvider){
$routeProvider.when("/",
{
templateUrl: "home.html",
controller: "homeCtrl"
}
);
});
angular.module('ngApp').controller('homeCtrl',['$scope', function($scope) {
$scope.welcome= "Welcome to stackoverflow!";
}]);
//Index.html
<body ng-app="ngApp">
<div ng-view></div>
</body>
//Home Template URL or home.html
<div><h2>{{welcome}}</h2></div>
Navigazione di registrazione
- Inseriamo il modulo nell'applicazione
var Registration=angular.module("myApp",["ngRoute"]);
- ora usiamo $ routeProvider da "ngRoute"
Registration.config(function($routeProvider) {
});
- infine, integrando il percorso, definiamo l'instradamento "/ add" all'applicazione nel caso in cui l'applicazione ottenga "/ add" si devia su regi.htm
Registration.config(function($routeProvider) {
$routeProvider
.when("/add", {
templateUrl : "regi.htm"
})
});