Angular:在路由之间重用页面骨架
Angular是一种流行的前端开发框架，用于构建单页应用程序（SPA）。它采用了组件化的开发模式，通过组件的组合和交互来构建用户界面。在Angular中，页面骨架是指在不同路由之间重用的页面布局和结构。
页面骨架的重用可以提高开发效率和代码复用性。在Angular中，可以通过创建一个共享的页面骨架组件，并在不同的路由中引用它来实现页面骨架的重用。这样，无论用户访问哪个路由，页面的整体结构和布局都保持一致，只需根据具体路由加载不同的内容。
优势：
- 提高开发效率：通过重用页面骨架，开发人员可以减少重复的工作，节省开发时间和精力。
- 统一用户体验：页面骨架的重用可以确保不同路由下的页面具有一致的布局和结构，提供统一的用户体验。
- 代码复用性：通过将页面骨架封装为组件，可以在不同的项目和模块中重用，提高代码的复用性和可维护性。
应用场景：
- 多页面应用：当一个应用程序包含多个页面，并且这些页面之间有相似的布局和结构时，可以使用页面骨架来重用页面的共同部分。
- 后台管理系统：后台管理系统通常包含多个功能模块，每个模块的页面结构相似。通过使用页面骨架，可以统一管理系统的整体布局和结构。
推荐的腾讯云相关产品和产品介绍链接地址： 腾讯云提供了一系列与前端开发和云计算相关的产品和服务，以下是一些推荐的产品：
- 云服务器（CVM）：提供可扩展的虚拟服务器，用于部署和运行前端应用程序。 产品介绍链接：https://cloud.tencent.com/product/cvm
- 云存储（COS）：提供安全可靠的对象存储服务，用于存储前端应用程序的静态资源。 产品介绍链接：https://cloud.tencent.com/product/cos
- 云函数（SCF）：无服务器计算服务，用于运行前端应用程序的后端逻辑。 产品介绍链接：https://cloud.tencent.com/product/scf
- 云数据库MySQL版（CDB）：提供稳定可靠的关系型数据库服务，用于存储前端应用程序的数据。 产品介绍链接：https://cloud.tencent.com/product/cdb
请注意，以上推荐的产品和链接仅供参考，具体选择应根据实际需求和项目要求进行评估和决策。
相关·内容
导航栏在页面之间略有不同；它是由一个小字典参数化的单个组件。另一方面，主内容区域在每个页面上包含一个完全不同的组件。我想实现一个“骨架”组件，并在路由之间重用它： <div class='navbar'>...我考虑过使用辅助路由或子路由，但考虑到这两个组件不应该单独发展，这两种方法都
浏览 8提问于2020-05-21得票数 0
回答已采纳
2回答
通常，当我在IE10中的不同角度模块/控制器之间快速切换时，所需的路由永远不会发生。我只剩下我的页面骨架，没有加载任何内容，索引控制器也从未命中，但定义了angular模块。该URL还指示未发生路由(未附加#/)。我的模块在AngularJS 1.0.7中是这样定义的：
angular.module('Users', ['ngResource', 'localiza
浏览 3提问于2013-07-03得票数 1
1回答
例如，在游戏中，您可以更改字符模型，而不是让每个字符模型都包含“烘焙”(我是否使用了正确的术语？)动画。如果我想改变动画，我需要重新烘焙每一个模型吗？听起来太违反直觉了。
浏览 1提问于2015-01-11得票数 0
回答已采纳
我们最近将angular2应用程序从2.0.0-beta.15升级到2.0.0-rc.5 (包括迁移到新的路由器3.0.0-rc.1)。由于左侧有一个菜单，页面顶部有一个子菜单，我们的应用程序同时有两个<router-outlet>。在更新之后，我注意到我们应用程序中的任何组件(在更新之后)都会被销毁和构造，即使该组件在<router-outlet>之外。这不是旧路由器的情况。这就像新的路由器不能重用已经存在的
浏览 29提问于2016-08-18得票数 2
回答已采纳
2回答
我对Angular2非常陌生，我需要构建一个可重用的库，它将被多个应用程序作为html标签使用。所以我的问题是如何设计我的多页可重用库？
我是否应该将所有内容(搜索、创建、编辑)都放在一个组件中，并使用ngIf来显示/隐藏同一页面中的各个部分。但我相信应该有一些方法来处理库中的路由</em
浏览 13提问于2017-01-14得票数 8
为了在AngularJS客户端和Node.js服务器之间重用/共享代码，最佳实践是什么？
我实现了一个AngularJS应用程序。现在我需要实现一个RESTful服务器，为客户端提供数据。一些客户端的angular服务可以在服务器上重用，例如Facebook/Google/Twitter的第三方restful客户端，它们大量使用angular依赖注入，并且依赖于$http，$q和许多其他服务一个服务器框架，包括依赖注入框架和所有与UI无关的
浏览 5提问于2014-03-31得票数 25
我正在使用Vuetify的Nuxt项目，并想使用它的骨架加载器，但它有点混乱。我有一个静态页面，每个组件都有自己的框架，每次加载页面时，它都会显示它们的骨架，直到加载。但是..。当我开始在不同的页面上使用这个模式时，我发现它有很多缺陷！所以，我的问题
浏览 12提问于2020-08-16得票数 1
Angular 4.3.1{ path: ':department', loadChildren: 'app/pages/pages.module#PagesModule' }如果我随后导航到/department-name/1，PagesComponent正在被再次初始化，并且屏幕重新加载，我希望找到一种方法，使其不会在这两个路由更改之间重新加载。有没有一种方法可以让我在/departmen
浏览 4提问于2017-08-04得票数 1
1回答
我发现当我处理用Angular开发的页面时，这就成了一个问题，因为它在URL中使用了#。然而，在阅读网址命名的时，#似乎是保留字符。
有人能给我解释一下Angular是如何与URL命名交互的吗？
浏览 6提问于2018-09-29得票数 6
回答已采纳
1回答
我是Angular.js开发的新手。我正在建造一个行走的骨架：
简而言之，我想创建一个包含不同指令的存储库，这些指令都与后端可以选择的相同视图相关。
浏览 1提问于2014-03-24得票数 3
1回答
我开始使用角(目前是Angular5)，并有一个关于在同一模型的页面之间切换的问题。
现在，在AngularJS中，我将创建在这些
浏览 0提问于2018-06-13得票数 1
回答已采纳
1回答
在一个模态对话框中，我呈现了一个通用术语链接，它应该将用户重定向到一个新页面。angular.module('termsPage').config(function ($stateProvider) {
$stateProvider另外，我想重定向到外部页面的模态对话框在
浏览 4提问于2015-01-26得票数 0
如何复制Youtube/Instagram的功能，当用户单击浏览器的后退按钮时，他会被重定向到具有相同数据和滚动位置的上一页(而不需要重新加载数据)？
浏览 17提问于2020-08-05得票数 0
我正在看一些基本的“Angular入门”教程，并且有一个关于设置路由路径的未解决的问题。虽然很清楚如何定义一个组件的路径并导航到该组件，但我没有看到一个如何设置到“主页”页面的路由的示例。我可以看到其他路由是如何工作的，因为它们指向我创建的组件。因此，如果我点击一个“管理”链接，我会看到正确的网址："“。
我的问题是，我如何设置一个路由，以便当我点击“主页”时，网址显示为："“。值得一提的是，这是一个由CLI生成的骨架项目。generate comp
浏览 5提问于2017-12-22得票数 0
3回答
颤动导航最佳实践
、、
我有一个问题给flutter开发人员，他们有使用angular或android sdk的经验。在android中，当你想在不降低性能的情况下在不同的屏幕之间导航时，我们使用片段，并使用框架布局来改变它们 对于angular也是如此，我们使用路由器插座，并使用路由在组件之间导航 我想用flutter实现同样的事情(ps:我发布了一些像这样的one文章，作者通过更新状态并有条件地显示正确的页面来在他的页面之间</
浏览 19提问于2019-09-06得票数 2
1回答
我很难理解页面(url位置)和模块(带有相关控制器的可重用块)之间的关系。因此，假设我们希望有菜单模块，它将出现在家庭和pag
浏览 1提问于2014-09-18得票数 0
回答已采纳
这是我的角度SPA的高级骨架。我的申请是关于大学学位的。在该工程页面有一个单独的左导航，这是目前建立在ng开关，我想转换为路由。我如何使用角的本机路由角-route.js来实现这一点？**app.js** var app=angular.module("myCollege",['ngRoute']);
app.config(['$routeProvider中使用ng开关离开导航，我
浏览 1提问于2016-04-05得票数 0
1回答
我有一条路线：现在，在我的头文件中，我创建了两个不同的routerLink：<a routerLink="/route/1">route2</a>
<a routerLink="/route/2&
浏览 8提问于2020-05-09得票数 0
回答已采纳
我在Angular.JS中使用路由器(以前使用内置路由器，现在使用ui-route，但这两种方法的解决方案都不错)来在控件/模板对之间切换。当在几个这样的页面之间来回切换时，每次设置DOM都需要一秒钟的时间，这看起来很糟糕。有没有办法让angular保留DOM树而不是每次都重新创建它。我想我只想隐藏/播种每个页面的部分，而不是每次都删除/重新创建它们。
欢迎任何建议！
浏览 0提问于2013-05-22得票数 16
回答已采纳
我在路由方面遇到了问题，当我使用页面上的<a href="/someurl">在页面之间路由时，一切都很好。但是如果我没有输入# like http://localhost/someurl，我会得到Cannot GET /task/2
我在angular $locationProvider.html5Mode(true);中使用HTML5模式，
浏览 0提问于2013-05-07得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
