RouterModule
Adds directives and providers for in-app navigation among views defined in an application. Use the Angular Router
service to declaratively specify application states and manage state transitions.
class RouterModule {
static forRoot(routes: Routes, config?: ExtraOptions): ModuleWithProviders<RouterModule>
static forChild(routes: Routes): ModuleWithProviders<RouterModule>
}
参见
Routing and Navigation guide for an overview of how the
Router
service should be used.路由与导航 以获得如何使用路由器服务的概览。
说明
You can import this NgModule multiple times, once for each lazy-loaded bundle. However, only one Router
service can be active. To ensure this, there are two ways to register routes when importing this module:
静态方法
Creates and configures a module with all the router providers and directives. Optionally sets up an application listener to perform an initial navigation. | ||||||
参数
返回值
| ||||||
When registering the NgModule at the root, import as follows:
|
Creates a module with all the router directives and a provider registering routes, without creating a new Router service. When registering for submodules and lazy-loaded submodules, create the NgModule as follows: | |||
参数
返回值
| |||
|
指令
名称 | 说明 |
---|---|
| When applied to an element in a template, makes that element a link that initiates navigation to a route. Navigation opens one or more routed components in one or more |
| Tracks whether the linked route of an element is currently active, and allows you to specify one or more CSS classes to add to the element when the linked route is active. |
| 允许你在应用中链接到特定的路由。 Lets you link to specific routes in your app. |
| 一个占位符,Angular 会根据当前的路由器状态动态填充它。 Acts as a placeholder that Angular dynamically fills based on the current router state. |