AngularJS
ng-view
Sök…
Introduktion
ng-view är ett av in-build-direktiv som vinklar använder som behållare för att växla mellan vyer. {info} ngRoute är inte längre en del av bas angular.js-filen, så du måste inkludera filen angular-route.js efter din basvinkliga javascript-fil. Vi kan konfigurera en rutt med "när" -funktionen för $ routeProvider. Vi måste först specificera rutten, sedan i en andra parameter tillhandahålla ett objekt med en mallUrl-egenskap och en kontrollegenskap.
ng-view
ng-view är ett direktiv som används med $route att återge en delvis vy i startsidan. Här i detta exempel är Index.html vår huvudfil och när användaren landar på "/" -vägen kommer mallenURL hem.html att återges i Index.html där ng-view nämns.
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>
Registreringsnavigering
- Vi injicerar modulen i applikationen
var Registration=angular.module("myApp",["ngRoute"]);
- nu använder vi $ routeProvider från "ngRoute"
Registration.config(function($routeProvider) {
});
- slutligen integrerar vi rutten, vi definierar "/ lägg till" routing till applikationen i fall applikationen får "/ lägg till" den vidarebefordrar till regi.htm
Registration.config(function($routeProvider) {
$routeProvider
.when("/add", {
templateUrl : "regi.htm"
})
});
Modified text is an extract of the original Stack Overflow Documentation
Licensierat under CC BY-SA 3.0
Inte anslutet till Stack Overflow
