2017-02-03 4 views
-2

4 개의 화면으로 과제를 만들려면 어떻게해야합니까? angularjs를 사용하여 동일한 화면에서 4 개의 다른 페이지를 호출하려면 어떻게해야합니까?

모든 화면은 약간의 시간 요소 하나에 의해 자동으로 하나 변경되고 시간이해야 비디오와 일부 이미지 이미지

  • 화면에 텍스트
  • 화면에

    1. 화면 나 구성 할 즉 당신은 웹 애플 리케이션을 통해 반영됩니다 변수의 시간을 변경할 수 있습니다.

  • +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

    나는 벌써 그것을 시도했다. .. 내가 여기에서 새롭기 때문에 나는 코드를 게시하지 않았다. 내가 게시 할 예정이다. .. 나는 시간 간격에 관한 페이지의 변경을 원한다. –