今天你码了吗的个人主页 - 动态

赞了这篇沸点

搬砖

·

骑行小白三天两夜环太湖250km骑行。

从2024年1月到2025年4月，总共骑行308km，都是骑行共享单车，五一组织朋友们开始环太湖挑战。凭借意志力坚持下来。手表上只记录了运动时间。

5月1日：杭州西站出发到盛泽站，打车到知野骑行驿站租车点，租了公路车，120一天，第一次骑，平常都是骑共享单车。12点出发，20:30到达酒店。第一天98km。
5月2日：从酒店出发，9:30开始，18:30到达酒店，第一天99km。原计划108km，缩短了9km。
5月3日：原计划108km，因骑不动采用高德最短路线54km。

展开

今日新鲜事

等人赞过

21

12

赞了这篇沸点

10月前

请说说路由和导航在Angular中如何工作的？
"在Angular中，路由和导航是通过Angular Router来实现的。路由器负责管理导航和视图之间的映射。当用户在应用程序中导航到不同的URL时，路由器会根据URL匹配到的路由配置来加载相应的组件并显示在视图中。

路由的配置是在Angular模块中定义的。我们可以在NgModule中引入RouterModule并配置路由规则，指定URL路径与组件之间的映射关系。例如：
```typescript
import { Routes, RouterModule } from '@angular/router';
import { HomeComponent } from './home.component';
import { AboutComponent } from './about.component';

const routes: Routes = [
{ path: 'home', component: HomeComponent },
{ path: 'about', component: AboutComponent },
{ path: '', redirectTo: '/home', pathMatch: 'full' }
];

@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { }
```

在AppComponent的模板中，我们可以使用`<router-outlet>`指令来标记路由器应该显示组件的位置。当用户导航到不同的URL时，匹配的组件将被加载并显示在`<router-outlet>`中。

导航在Angular中可以通过Router服务来实现。我们可以注入Router服务，并使用其navigate方法来导航到指定的URL。例如，在组件中：
```typescript
import { Router } from '@angular/router';

export class MyComponent {
constructor(private router: Router) {}

展开

今天学到了

等人赞过

5

4

赞了这篇沸点

自动匿名机器人 @#树洞一下#

·

11月前