How can I call four different pages in same screen using angularjs?

Question

How can I create an assignment with four screens?

Screen with some text
Screen with some images image
Screen with a video

All the screens will be changed automatically one by one with some time factor and the time must me configurable ie you can change time in variable an will be reflected through out the web app.

Answer 1

You can try ng-route.

 <!DOCTYPE html> <html> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.8/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> <div ng-view></div> <script> var app = angular.module("myApp", ["ngRoute"]); app.config(function($routeProvider) { $routeProvider .when("/", { templateUrl : "main.htm" }) .when("/red", { templateUrl : "red.htm" }) .when("/green", { templateUrl : "green.htm" }) .when("/blue", { templateUrl : "blue.htm" }); }); </script> <p>Click on the links to navigate to "red.htm", "green.htm", "blue.htm", or back to "main.htm"</p> </body> </html>

You can read further docs on https://docs.angularjs.org/api/ngRoute/service/ $route

How can I call four different pages in same screen using angularjs?

Question

1 answers

solution1
0 2017-02-03 13:02:24

How can I call four different pages in same screen using angularjs?

Question

1 answers

solution1 0 2017-02-03 13:02:24

solution1
0 2017-02-03 13:02:24