route gyakorlat

[[oktatas:web:angularjs|< AngularJS]] ====== AngularJS ngView ====== * **Szerző:** Sallai András * Copyright (c) Sallai András, 2013, 2014, 2015, 2017, 2021 * Licenc: GNU Free Documentation License 1.3 * Web: https://szit.hu ===== Példa =====


Projekt01/
 `-htdocs/
    |-css/
    |  `-style.css
    |-js/
    |  `-app.js
    |-templates/
    |  |-egy.html
    |  |-ketto.html
    |  `-main.html
    `--index.html

Az 1.4.8-s angular változatban még href="#egy" formában kellett írni.






route gyakorlat








Route gyakorlat

	
		Főoldal
		Egy
		Kettő



Első template oldal

{{msg}}



Második template oldal

{{msg}}



Főoldal

{{msg}}


angular.module("egyApp",['ngRoute'])
.config(function($routeProvider) {      
	$routeProvider
		.when('/egy', {
			templateUrl: 'templates/egy.html',
			controller: 'egyCtrl'
		})
		.when('/ketto', {
			templateUrl: 'templates/ketto.html',
			controller: 'kettoCtrl'
		})
		.when('/', {
			templateUrl: 'templates/main.html',
			controller: 'mainCtrl'
		})
})
.controller('egyCtrl', function($scope){
	$scope.msg = "Működik";	
})
.controller('kettoCtrl', function($scope){
	$scope.msg = "Ez is működik";	
})
.controller('mainCtrl', function($scope){
	$scope.msg = "A főoldalon a controll működik";	
})
;