AngularJS
ng-view
Buscar..
Introducción
ng-view es una de las directivas integradas que Angular utiliza como contenedor para cambiar entre vistas. {info} ngRoute ya no forma parte del archivo base angular.js, por lo que deberá incluir el archivo angular-route.js después de su archivo de base angular javascript. Podemos configurar una ruta utilizando la función "cuándo" del $ routeProvider. Primero debemos especificar la ruta, luego, en un segundo parámetro, proporcionar un objeto con una propiedad templateUrl y una propiedad de controlador.
ng-view
ng-view es una directiva que se usa con $route para representar una vista parcial en el diseño de la página principal. Aquí, en este ejemplo, Index.html es nuestro archivo principal y cuando el usuario llega a la ruta "/", templateURL home.html se representará en Index.html donde se menciona 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>
Registro de navegación
- Inyectamos el módulo en la aplicación.
var Registration=angular.module("myApp",["ngRoute"]);
- ahora usamos $ routeProvider de "ngRoute"
Registration.config(function($routeProvider) {
});
- finalmente, integrando la ruta, definimos el enrutamiento "/ add" a la aplicación en caso de que la aplicación obtenga "/ add", se desvía a regi.htm
Registration.config(function($routeProvider) {
$routeProvider
.when("/add", {
templateUrl : "regi.htm"
})
});