AngularJS
ng-view
Suche…
Einführung
ng-view ist eine in-build-Direktive, die als Container zum Wechseln zwischen Ansichten verwendet wird. {info} ngRoute ist nicht mehr Bestandteil der Basisdatei angle.js, daher müssen Sie die Datei angle-route.js nach der Basis-Javascript-Datei einfügen. Wir können eine Route mithilfe der Funktion "when" des $ routeProvider konfigurieren. Wir müssen zuerst die Route angeben und dann in einem zweiten Parameter ein Objekt mit einer templateUrl-Eigenschaft und einer Controller-Eigenschaft angeben.
ng-view
ng-view ist eine Direktive, die mit $route zum Rendern einer Teilansicht im Hauptseitenlayout verwendet wird. In diesem Beispiel ist Index.html unsere Hauptdatei. Wenn der Benutzer auf der "/" - Route landet, wird die templateURL home.html in Index.html gerendert, wo ng-view erwähnt wird.
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>
Registrierungsnavigation
- Wir injizieren das Modul in die Anwendung
var Registration=angular.module("myApp",["ngRoute"]);
- jetzt verwenden wir $ routeProvider von "ngRoute"
Registration.config(function($routeProvider) {
});
- Schließlich integrieren wir die Route und definieren das Routing "/ add" für die Anwendung, falls die Anwendung "/ add" erhält, wenn sie an regi.htm umgeleitet wird
Registration.config(function($routeProvider) {
$routeProvider
.when("/add", {
templateUrl : "regi.htm"
})
});