AngularJS
ng-view
Szukaj…
Wprowadzenie
ng-view jest jedną z wbudowanych dyrektyw, których kąt używa jako kontenera do przełączania widoków. {info} ngRoute nie jest już częścią podstawowego pliku angular.js, więc musisz dołączyć plik angular-route.js po podstawowym pliku angular javascript. Możemy skonfigurować trasę za pomocą funkcji „when” programu $ routeProvider. Musimy najpierw określić trasę, a następnie w drugim parametrze podać obiekt z właściwością templateUrl i właściwością kontrolera.
ng-view
ng-view to dyrektywa używana z $route do renderowania częściowego widoku w układzie strony głównej. W tym przykładzie Index.html jest naszym głównym plikiem, a kiedy użytkownik wyląduje na trasie „/”, szablonURL home.html będzie renderowany w Index.html, gdzie wspomniany jest 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>
Nawigacja rejestracji
- Wstrzykujemy moduł do aplikacji
var Registration=angular.module("myApp",["ngRoute"]);
- teraz używamy $ routeProvider z „ngRoute”
Registration.config(function($routeProvider) {
});
- w końcu integrujemy trasę, definiujemy routing „/ add” do aplikacji na wypadek, gdyby aplikacja „/ add” przekierowała na regi.htm
Registration.config(function($routeProvider) {
$routeProvider
.when("/add", {
templateUrl : "regi.htm"
})
});