簡體   English   中英

如何使用angularjs在同一屏幕上調用四個不同的頁面?

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

如何創建具有四個屏幕的作業?

  1. 帶有一些文字的屏幕
  2. 帶有一些圖像的屏幕圖像
  3. 帶視頻的屏幕

所有屏幕都將根據一些時間因素一個一個地自動更改,並且時間必須是可配置的,即您可以更改變量中的時間,並將通過網絡應用程序反映出來。

你可以試試 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/ $route 上閱讀更多文檔

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM