x
<html><script src="../../ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script><script src="../../ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular-route.js"></script><body ng-app="myApp"><p><a href="#/!">Main</a></p><a href="#!red">Red</a><a href="#!green">Green</a><a href="#!blue">Blue</a><ng-view></ng-view><script>var app = angular.module("myApp", ["ngRoute"]);app.config(function($routeProvider) { $routeProvider .when("../index.html", { templateUrl : "main.htm" }) .when("/red", { templateUrl : "red.htm" }) .when("/green", { templateUrl : "green.htm" }) .when("/blue", { templateUrl : "blue.htm" });});</script><p>Click on the links.</p><p>This example uses the ng-view directive as an element.</p></body><!-- Mirrored from www.w3schools.com/angular/tryit.asp?filename=try_ng_routing_view2 by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 27 Jan 2020 02:50:36 GMT --></html>