AngularJS
нг-просмотр
Поиск…
Вступление
ng-view является одной из директив in-build, которая использует углы в качестве контейнера для переключения между представлениями. {info} ngRoute больше не является частью базового файла angular.js, поэтому вам нужно будет включить файл углового маршрута.js после вашего базового углового файла javascript. Мы можем настроить маршрут, используя функцию «когда» $ routeProvider. Нам нужно сначала указать маршрут, затем во втором параметре предоставить объект с свойством templateUrl и свойством контроллера.
нг-просмотр
ng-view - это директива, используемая с $route для частичного просмотра в макете главной страницы. Здесь в этом примере Index.html является нашим основным файлом, и когда пользователь приземляется на маршрут «/», templateURL home.html будет отображаться в Index.html, где упоминается 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>
Регистрация навигации
- Мы вводим модуль в приложение
var Registration=angular.module("myApp",["ngRoute"]);
- теперь мы используем $ routeProvider от "ngRoute"
Registration.config(function($routeProvider) {
});
- наконец, мы интегрируем маршрут, мы определяем маршрутизацию «/ add» в приложение, если приложение получает «/ add», оно переадресовывается в regi.htm
Registration.config(function($routeProvider) {
$routeProvider
.when("/add", {
templateUrl : "regi.htm"
})
});