2017-02-03 9 views
-2

Как создать задание с четырьмя экранами?Как я могу назвать четыре разных страницы на одном экране с помощью angularjs?

  1. экран с текстом
  2. экран с некоторыми изображениями изображения
  3. экран с видео

Все экраны будут изменены автоматически по одному с некоторым временным фактором и время должны меня настраивается, т. е. вы можете изменить время в переменной, которое будет отражено через веб-приложение.

+0

Серьезно !!! Сначала попробуйте сначала со своей стороны. Тогда, если у вас есть какие-либо сомнения, обратитесь к SO с кодом. –

ответ

0

Вы можете попробовать 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>

Вы можете прочитать дополнительные документы на https://docs.angularjs.org/api/ngRoute/service/ $ маршрута

+0

Я уже пробовал это ... потому что я новичок здесь, поэтому я не отправил свой код. Теперь я собираюсь опубликовать ... я хочу изменить страницу на временной интервал –