AngularJS
ng-view
Recherche…
Introduction
ng-view est une directive intégrée à la construction que angular utilise comme conteneur pour basculer entre les vues. {info} ngRoute ne fait plus partie du fichier angular.js de base, vous devrez donc inclure le fichier angular-route.js après le fichier javascript angulaire de base. Nous pouvons configurer une route en utilisant la fonction «when» de $ routeProvider. Nous devons d'abord spécifier la route, puis dans un deuxième paramètre, fournir un objet avec une propriété templateUrl et une propriété de contrôleur.
ng-view
ng-view est une directive utilisée avec $route pour afficher une vue partielle dans la présentation de la page principale. Ici, dans cet exemple, Index.html est notre fichier principal et lorsque l'utilisateur arrive sur "/" route, le templateURL home.html sera affiché dans Index.html où ng-view est mentionné.
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>
Enregistrement de navigation
- Nous injectons le module dans l'application
var Registration=angular.module("myApp",["ngRoute"]);
- maintenant nous utilisons $ routeProvider de "ngRoute"
Registration.config(function($routeProvider) {
});
- enfin nous intégrons la route, nous définissons "/ add" le routage vers l'application au cas où l'application "/ add" la détournerait vers regi.htm
Registration.config(function($routeProvider) {
$routeProvider
.when("/add", {
templateUrl : "regi.htm"
})
});