我已经在 Ubuntu 上安装了 PHP 7： php-v PHP 7.0.5-2+deb.sury.org~trusty+1 (cli) ( NTS ) 版权所有 (c) 1997-2016 PHP 集团 Zend Engine v3.0.0，版权所有 (c) 1998-2016 Zend Technologies 机智...
.net core 3.1 中 [RoutePrefix("api/{controller})] 的替代品是什么？
我正在迁移Asp.net（.net框架）项目Asp.net core（.net core 3.1框架）。 我无法找到替代方案 [RoutePrefix("api/{controller})] 在.net core 3.1 中？ 任何想法，如何...
aws-load-balancer-controller 将不会在 Fargate 上启动
我想在我的 EKS 集群上设置 aws-load-balancer-controller。但是当它想要启动时，它显示以下错误。 警告 FailedScheduling 109s 默认调度程序 0/2 节点可用...
无法为 kube-scheduler 设置新的 api 服务器地址
我将所有主节点上的API服务器IP地址更改为内部网络地址。我还在 kube-controller-manager 和 kubelet 中更改了它。重启 kubelet 后，kube-controller-manager 获得了新的 ip...
Quasar Vue Router 解析名为route的href
我正在尝试使用 vue router 构建 href 链接 我在routes.js中有以下内容 常量路由 = [ { 小路： ”/”， 组件：() => import("layouts/MainLayout.vue")...
React Router v6.4+ 数据 API：重试加载程序而不显示错误
使用react-router 6.21.1和新的数据api，我的路由设置如下： 常量路由 = [ { 元素: , 错误元素：， 孩子们...
使用react-router-v6和zustand进行身份验证
应用程序路线： 函数 AppRoutes(): JSX.Element { 返回 （ } /> }> ...
我正在尝试遵循本指南 https://aws.amazon.com/blogs/containers/using-alb-ingress-controller-with-amazon-eks-on-fargate/ 步骤如下： 集群配置 AWS_REGION=us-east-1 CLUSTER_NAME=...
我遇到了 React Router 的问题，使用动态参数导航到特定 URL 会渲染错误的组件。具体来说，当导航到 http://localhost:3001/Create/4 时，...
有没有一种方法可以在React中单击时嵌入链接来重定向组件？
我有一个导航栏，其路线设置如下： 导入'../styles/Nav.css' 从 'react-router-dom' 导入 { BrowserRouter as Router, Routes, Route, Link} 从 '../components/Home' 导入 { Home }
当我单击文本字段时，网络视图会重新加载。我正在使用 webview_flutter: ^4.4.4 版本和 sdk: '>=3.1.0 <4.0.0' flutter sdk WebViewWidget( controller: WebViewController...
我正在从 Vue router Doc 学习相对重定向。 我正在尝试实现代码的文档示例。 常量路由 = [ { // 始终将 /users/123/posts 重定向到 /users/123/prof...
反应问题，当我将标头组件添加到我的主页组件时，没有任何内容加载
从“react”导入React； 从 '@chakra-ui/react' 导入 { ChakraProvider, CSSReset }; 从 'react-router-dom' 导入 { BrowserRouter as Router, Route, Routes }; 从 './nav' 导入导航； 导入首页
React Router：第一次访问 ParentNotificationsPage 组件时不显示数据，仅在返回后才显示
我在 React 应用程序中遇到了 React Router 的问题，其中 ParentNotificationsPage 组件在第一次访问时不显示数据。仅当我导航回
vue-router useRouter 在构建库组件时不起作用
我正在构建一个 Vue3 npm 组件库，希望我可以使用 vue-router 的 useRouter 访问当前路由器，并且它将由导入我的任何 vue 应用程序自动提供
Spring Boot ConflictingBeanDefinitionException：@Controller 类的注解指定的 bean 名称
我在 Spring boot 应用程序中不断收到 ConflictingBeanDefinitionException 错误。我不完全确定如何解决这个问题，我有几个 @Configuration 注释的类有助于...
如何将字符串转换为int以在LCD上显示。我尝试使用ITOA，即使在添加后，编译器也不支持编译器。 这是我的代码：
我想知道 CodeIgniter 是否允许页码后面的段以及执行此操作的最佳方法是什么？ $config['base_url'] = '/controller/view/pg/'; 我也需要我的分页来传递这个： /控制...
Expo 路由器 - 如何定义与 index.tsx 不同的默认堆栈
使用React Native Expo Router，我想定义一个与index.tsx不同的默认堆栈。目前，当我使用一个名为 page1.tsx 的简单堆栈启动应用程序时，expo router 找不到我...
运行单元测试时无法检测到已安装的react-router-dom包
我想用react-router-dom学习react测试库。我使用 npx create-react-app 命令创建了该应用程序。生成的代码在父文件夹中已经有一个 App.test.js： 导入{渲染，
React Router 与 React 16.6 Suspense “提供给 `Route` 的 `object` 类型的道具 `component` 无效，预期为 `function`。”
我正在使用最新版本（16.6）的React和react-router（4.3.1），并尝试使用React.Suspense进行代码分割。 虽然我的路由工作正常并且代码确实分成了几个bun...
this.props.history.push() 似乎不再在 React Router v4 中工作，有什么替代方案吗？
我是 React 新手，我看到的大多数有关使用 React Router 进行重定向的教程似乎都在使用上述代码片段。我想要实现的是将用户重定向到主页...
当React Router中的路由命中时，如何有条件地渲染两个组件或更改两个出口？
我有一个 React 应用程序，我在其中使用 React Router。在我的布局组件中，我有这样的结构： 从“反应”导入反应； 从 './components/Header/Header' 导入标头； 导入 Foo...
这是我的代码： 商店.js 从 'redux' 导入 {createStore, applyMiddleware, compose}； 从“不可变”导入{fromJS}； 从“react-router-redux”导入{routerMiddleware}； 导入createSagaMidd...
如何使用 Expo Router 在 React Native 中的多个选项卡之间共享单个 WebView 实例
我正在开发一个 React Native 移动应用程序，使用 Expo Router 进行导航。 该应用程序的大部分功能都是作为我也构建的网站的网络包装器。不过，我正在实现一些功能
AWS Ingress 未按预期工作标题即将到来反应应用程序，但内容正在正确提供 404
我正在做一个项目，我已经部署了alb-ingress-controller，并且EKS中部署了服务 添加入口 alb 后创建，但我的服务未正确呈现。 这是
Angular16 中的 Router parseUrl() 与 navigate()
我正在使用 authGuard 进行身份验证。我想知道这两个之间的区别 // 重定向到登录页面 return router.navigate(['/login']); return router.parseUrl('/login'); 在...
Typescript、React、强类型 useHistory
我将 useHistory (react-router-dom) 变量作为参数发送到employee.service，其中我使用带有状态和路径名的“history.push”方法。不幸的是我不能...
Azure AKS 上的 GitHub Actions Runner 控制器和充当 AKS 群集代理的 VM 无法使用 docker/build-push-action@v6 操作进行推送
我在 Azure AKS 上使用带有 Actions Runner Controller (ARC) 的自托管 GitHub Actions 运行器设置，以及充当 AKS 代理的小型 VM。我的自托管 Docker 注册表已设置...
我在我的网站上使用 React Router，遇到了以下问题。我的主要应用程序组件定义如下： 导入'./App.css' 从 './Navbar' 导入 { Navbar } 进口 { 出口 } f...
Symfony/VueJS 组件 // 导入 从“../hooks/getUser”导入 getUser； 从 'vue-router' 导入 { useRoute } // 增值服务 常量路由 = useRoute() 常量 { 用户 } = getUser(1) const 路线我...
开发工具错误 我目前正在尝试在我的 nuxt 3 项目中实现 PWA 功能，但我不断遇到这个问题：[Vue Router warn]: No match found for location with path "/icon_512x512...
我有以下场景： 用户打开激活链接；用户完成激活过程后，系统会将其移动到另一个页面。 我不想保留激活状态...
使用react-modal，我需要通过锚标记或react-router-dom链接单击超链接时显示模式。 示例：单击注册超链接，注册表模式应打开。
我在我的 React 项目中使用 React-Router。我有一个如下所示的移动页面： 从“反应”导入反应； 从 'axios' 导入 axios 导出异步函数加载器({ params }) { ...
什么在 Next.js next/navigation 中的react-router-dom 中替换 useLocation() ？
最近，我从 React 迁移到 Next.js [email protected]。在我的网站中，我在使用 useNavigate() 推送时使用了状态，并使用 useLocation() 从另一个页面获取值。我怎样才能做同样的事...
错误：链接需要在项目的 Expo 配置（app.config.js 或 app.json）中进行构建时设置 `scheme`
我使用react-native expo bare-workflow创建了该项目 npx create-expo-app --template bare-minimum 创建项目后，我尝试将expo-router安装到项目中，一切都完成了
我有这些场景 设置页面 -> 结果页面 -> 详细信息页面 用户选择设置，单击下一步，获取结果，然后单击查看更多详细信息。 详情页 -> 结果页 用户去...
我有一个针对移动用户的 Web 应用程序，但由于我们的客户不需要移动应用程序，因此它是使用 React 开发的。我已经使用 React Router 实现了应用内路由。我用
如果我在某条路线中导航，我想做一个三叶草，然后如果我在我想要的路线中，则有条件地执行一个函数，但我找不到一种方法来做到这一点。我想使用 React router dom 但如果...
Expo 路由器问题：React Native 中基于文件的路由出现不匹配的路由错误
我在 React Native 中遇到了 Expo Router 的令人沮丧的问题。尽管设置了基于文件的路由，但我仍然收到“不匹配的路由”错误。我的目标是引导用户
React、React Router、Joy UI：如何禁用导航离开和返回后重新出现的小吃栏？
我有一个虚拟的工作板 Web 应用程序，它使用 React 和 Joy UI 作为前端和 UI。我使用 Joy UI 的 Snackbar 组件在用户执行某些操作后临时弹出一条消息（
我使用 Vue router 4 创建了一个新的 Vue 3 应用程序。 当我通过 访问链接时，它会打开页面，但是当我直接打开链接时，它会显示未找到错误。 { 不是芙...
React中react-router-dom最新版本如何实现延迟加载
我想使用Typescript在React中实现延迟加载。我收到打字稿错误。 常量应用程序 = () => { 返回 （ 我想使用 Typescript 在 React 中实现延迟加载。我收到打字稿错误。 const App = () => { return ( <RouterProvider router={createBrowserRouter( createRoutesFromElements( <Route> <Route path="/" element={<Outlet/>}> <Route index element={<Home />} /> <Route path="contact" element={<Contact />} /> <Route path="about" element={<About />} /> <Route path="*" element={<Navigate to="/" replace />} /> </Route> </Route> ) )} /> ) }; export default App; 下面的代码不起作用 <Route> <Route path="/" element={<Outlet/>}> <Route index lazy={() => import("./Home")} /> <Route path="contact" lazy={() => import("./Contact")} /> <Route path="about" lazy={() => import("./About")} /> <Route path="*" element={<Navigate to="/" replace />} /> </Route> </Route> const Home= lazy(() => import("./screens/home")); const About= lazy(() => import("./screens/about")); <Route> <Route path="/" element={<Outlet/>}> <Route index element={<Suspense fallback={<div>Loading...</div>}> <Home/> </Suspense> /> } /> <Route path="about" element={<Suspense fallback={<div>Loading...</div>}> <About/> </Suspense> /> } /> <Route path="*" element={<Navigate to="/" replace />} /> </Route> </Route>
我无法让策略在我的 Laravel 项目中工作，我安装了一个新项目来从头开始测试，我有这个控制器： 我无法让策略在我的 Laravel 项目中工作，我安装了一个新项目来从头开始测试，我有这个控制器： <?php namespace App\Http\Controllers; use App\Http\Controllers\Controller; use Illuminate\Http\Request; use App\Models\User; class UserController extends Controller { public function index() { $this->authorize('viewAny', auth()->user()); return response("Hello world"); } } 本政策： <?php namespace App\Policies; use Illuminate\Auth\Access\Response; use App\Models\User; class UserPolicy { public function viewAny(User $user): bool { return true; } } 这是我的模型 <?php namespace App\Models; // use Illuminate\Contracts\Auth\MustVerifyEmail; use Illuminate\Database\Eloquent\Factories\HasFactory; use Illuminate\Foundation\Auth\User as Authenticatable; use Illuminate\Notifications\Notifiable; use Laravel\Sanctum\HasApiTokens; class User extends Authenticatable { use HasApiTokens, HasFactory, Notifiable; /** * The attributes that are mass assignable. * * @var array<int, string> */ protected $fillable = [ 'name', 'email', 'password', ]; /** * The attributes that should be hidden for serialization. * * @var array<int, string> */ protected $hidden = [ 'password', 'remember_token', ]; /** * The attributes that should be cast. * * @var array<string, string> */ protected $casts = [ 'email_verified_at' => 'datetime', 'password' => 'hashed', ]; } 我收到错误 403：此操作未经授权。我希望有人能帮助我解决我的问题。谢谢你 我也尝试过修改AuthServiceProvider文件，但没有任何改变。 必须在 App\Providers\AuthServiceProvider 中添加您的策略吗？ protected $policies = [ User::class => UserPolicy::class ]; 您需要指定您正在使用的模型。具体来说，就是User。因此，传递当前登录的用户： $this->authorize('viewAny', auth()->user()); 此外，您正在尝试验证用户是否有权访问该页面。确保尝试访问该页面的人是用户，以便策略可以授权或不授权。 要在没有入门套件的情况下进行测试，请创建一个用户并使用它登录。 <?php namespace App\Http\Controllers; use Illuminate\Support\Facades\Auth; class UserController extends Controller { public function index() { $user = \App\Models\User::factory()->create(); Auth::login($user); $this->authorize('viewAny', auth()->user()); return response("Hello world"); } } 但是，如果您希望授予访客用户访问权限，您可以使用 ? 符号将 User 模型设为可选： public function viewAny(?User $user) { return true; }
我正在尝试将路由添加到我的 tabView 但它不起作用，请问有什么建议吗？我尝试添加 routerLink="组件路径" 但没有运气 这是 HTML 我正在尝试将路由添加到我的 tabView 但它不起作用，请问有什么建议吗？我尝试添加 routerLink="组件路径" 但没有运气 这是html <p-tabView> <p-tabPanel header="Weather Data" routerLink="/weather-data"> <app-weather-data></app-weather-data> </p-tabPanel> <p-tabPanel header="Chart"> <app-chart></app-chart> </p-tabPanel> <p-tabPanel header="Heat index calculator" closable="true"> <app-heat-index></app-heat-index> </p-tabPanel> </p-tabView> 这是 module.ts import { RouterModule, Routes } from '@angular/router'; const appRoutes: Routes = [ { path: 'weather-data', component: WeatherDataComponent }, { path: 'chart', component: ChartComponent }, { path: 'heat-index', component: HeatIndexComponent }, ]; @NgModule({ declarations: [ AppComponent, WeatherDataComponent, ChartComponent, HeatIndexComponent, ], imports: [ BrowserModule, TabViewModule, ButtonModule, ChartModule, TableModule, HttpClientModule, InputNumberModule, FormsModule, SelectButtonModule, DropdownModule, BrowserAnimationsModule, FontAwesomeModule, InputSwitchModule, PaginatorModule, ReactiveFormsModule, RouterModule.forRoot(appRoutes), ], providers: [DatePipe], bootstrap: [AppComponent], }) export class AppModule {} 我找不到有关 tabView 组件的任何有关如何实现路由的文档，感谢任何帮助 我按以下方式使用了 TabMenu 组件。 <p-tabMenu [model]="items"> </p-tabMenu> <router-outlet></router-outlet> MenuItem 类型有一个命令属性，在命令上您可以实现自定义操作，在您的情况下可以是路由。 this.items = [ { label: "Map", icon: "pi pi-fw pi-map", command: () => { this.router.navigate(["./map"]) }, }, ];
PHPUnit 和 Laravel 响应 401 状态代码，它应该返回 422
我正在学习 Laravel 11，我在使用 PHPStorm 时遇到了第一个问题（我不知道这是否是我的测试）。 我有这个控制器： 我正在学习 Laravel 11，我在使用 PHPStorm 时遇到了第一个问题（我不知道这是否是我的测试）。 我有这个控制器： <?php namespace App\Http\Controllers; use App\Http\Controllers\Controller; use Illuminate\Http\Request; class LoginController extends Controller { public function login(Request $request) { $request->validate([ 'email' => 'email|string', 'password' => 'required|min:8', ]); $credentials = request(['email', 'password']); if (!$token = auth()->attempt($credentials)) { return jsonResponse(status: 401, message: 'Unauthorized'); } return jsonResponse(data: [ 'token' => $token, 'expires_in' => auth()->factory()->getTTL() * 60 ]); } } 我的测试代码： public function test_email_must_be_required(): void { $credentials = ['password' => 'password']; $response = $this->postJson("{$this->apiBase}/login", $credentials); $response->assertStatus(422); $response->assertJsonStructure(['message', 'data', 'status', 'errors' => ['email']]); $response->assertJsonFragment(['errors' => ['email' => ['The email field is required.']]]); } 但是当我运行测试时，我得到以下响应： 但是，它不应返回 401，因为测试凭据中的电子邮件未发送。它应该返回响应代码 422。 [编辑] 当我更改验证方法时： ... 'email' => 'required|email|string', ... 我的代码响应是 200: [编辑2] 这是我的routes/api.php代码： 'email' => 'email|string', 此规则检查电子邮件是否是有效的电子邮件格式并且是字符串。但是，该字段未标记为必填字段。因此，如果请求中未提供电子邮件，验证不会失败，并且请求将继续进行下一步（auth()->attempt()），最终由于缺少凭据而返回 401 未经授权的响应。
目前，我在实现React Router v6（使用6.3.0）时遇到问题 假设我有如下所示的路由 const ParticipantRoutes = () => ( 目前，我在实现React Router v6（使用6.3.0）时遇到问题 假设我有如下所示的路由 const ParticipantRoutes = () => ( <ErrorBoundaryRoutes> <Route index element={<Participant />} /> <Route path="new" element={<ParticipantUpdate />} /> <Route path=":id"> <Route index element={<ParticipantDetail />} /> <Route path=":id"> <Route path="edit-invoice" element={<InvoiceUpdate />}/> </Route> <Route path="invoice" element={<ParticipantInvoiceUpdate />} /> <Route path="edit" element={<ParticipantUpdate />} /> <Route path="delete" element={<ParticipantDeleteDialog />} /> </Route> </ErrorBoundaryRoutes> ); 还有另一条路线，比如 const InvoiceRoutes = () => ( <ErrorBoundaryRoutes> <Route index element={<Invoice />} /> <Route path=":id"> <Route index element={<InvoiceDetail />} /> <Route path="delete" element={<InvoiceDeleteDialog />} /> <Route path="payment" element={<InvoicePaidDialog />} /> </Route> </ErrorBoundaryRoutes> ); 当我访问 URL 上定义的 ParticipantInvoiceUpdate 时，问题就出现了，比如 .../participant/*some-guid-participant*/*some-guid-participant-invoice*/edit-invoice 此页面具有向某些服务提交一些数据的行为，当接受服务器的响应时，我使用导航功能导航回 ParticipantDetail 元素。 navigate('/participant/${*some-guid-participant*}'); 但它不起作用，我尝试了一些东西，但似乎它只能导航到没有给出任何参数的元素。类似的东西 navigate('/participant'); 或 navigate('/invoice); 我也尝试过使用 generatePath 功能并将其与导航结合起来，但仍然没有成功 navigate(generatePath('/participant/:id',{id: participantId}), {replace:true}); 请帮助了解我是否遗漏了什么或误解了这个概念。 根据您的代码，路线：.../participant/*some-guid-participant*/*some-guid-participant-invoice*/edit-invoice 指组件 InvoiceUpdate 而不是 ParticipantInvoiceUpdate 此外，使用字符串格式时不要忘记将 ' 更改为 ` : navigate(`/participant/${some-guid-participant}`);
如何为带参数的链接设置 nuxt-link 的 active-class？
我的代码是这样的。 但是，在此代码中，当domain.com/?standalone=true 时，“/”不会成为活动类。 我的代码是这样的。 然而，在此代码中，当 domain.com/?standalone=true 时，“/”不会成为活动类。 <nuxt-link to="/" class="navBotton" exact-active-class="active" ><span>Home</span> </nuxt-link> <nuxt-link to="/post" class="navBotton" active-class="active" ><span>Post</span> </nuxt-link> <nuxt-link to="/about" class="navBotton" active-class="active" ><span>About</span> </nuxt-link> 如何解决？ 当我删除exact时，它在所有页面上都变成活动类。 谢谢您的一些回答。 我找到了一种无论参数如何都在“/”时激活的方法。 这是代码。 <nuxt-link to="/" class="navBotton home" :class="{'active': isRouteActive }" exact-active-class="active" > computed: { isRouteActive: function() { if (this.$nuxt.$route.path=="/") { return true; } else { return false; } } } 在通常称为 nuxt.config.js 的 nuxt 配置文件中，有一个名为 router 的对象的属性： router: { linkActiveClass: 'your-custom-active-link', linkExactActiveClass: 'your-custom-exact-active-link', } 然后在你的CSS中： .your-custom-active-link { /* styles here */ } .your-custom-exact-active-link { /* styles here */ } 希望有帮助！ 我也有同样的问题。像这样解决它： <b-link :class="{'nuxt-link-active': isRouteActive(id) }" :to="id + '?someParams=true'"> 方法： methods: { isRouteActive(id) { if (this.$route.path.includes(id)) { return true } else { return false } }, log() { console.log(this.categories) } } 但是，我想知道是否有一种本地方法可以做到这一点...... 对于 nuxtjs 3，你应该这样配置； router: { options: { linkActiveClass: "active", linkExactActiveClass: "exact-active" } } 将课程风格化.nuxt-link-active并且会自动工作。 参考：https://nuxtjs.org/examples/routing/active-link-classes/ [Nuxt 3] 要自定义活动链接类，您可以使用路由器选项在 nuxt.config.ts （或 nuxt.config.js）文件中配置它们。例如： export default defineNuxtConfig({ router: { options: { linkActiveClass: "active", linkExactActiveClass: "exact-active", }, }, }) 这有什么作用： 如果当前路由是确切路由或该路由的子路由，则 linkActiveClass（示例中的“活动”）适用于链接。例如，如果您有一个指向 /about 的链接，并且您当前位于 /about/team 上，则该链接仍将收到活动类。 linkExactActiveClass（示例中的“完全活动”）仅在当前路由与链接的路由完全匹配时适用。使用相同的示例，如果您的链接是 /about，则只有当您完全位于 /about 上时，它才会处于完全活动状态，而不是位于 /about/team 上。
： <div class="container-fluid"> <div class="row flex-nowrap"> <div class="col-auto px-0"> <div id="sidebar" class="collapse collapse-horizontal show border-end"> <div class="card" style="max-width: 100%;"> <div class="card-header" [ngClass]="{ 'text-bg-secondary': 0 === 0 }"> <h5>Documents List</h5> </div> <div class="card-body"> <ul class="list-group list-group-flush"> <li class="list-group-item d-flex justify-content-between align-items-start" *ngFor="let t of dataSource() | paginate: {itemsPerPage:10,currentPage:p}; index as i" (click)="selectedRow(t, i)" [ngClass]="{ 'text-bg-primary': t === rowSelected }">{{ t.title }}</li> </ul> </div> <div class="card-footer"> <pagination-controls (pageChange)="p = $event"></pagination-controls> </div> </div> </div> </div> <main class="col ps-md-2 pt-2"> <a href="#" data-bs-target="#sidebar" data-bs-toggle="collapse" class="border rounded-3 p-1 text-decoration-none" [attr.aria-expanded]="true"><i class="bi bi-list bi-lg py-2 p-1"></i> Pdf Document</a> <router-outlet></router-outlet> </main> </div> </div> intring.module.ts const routes: Routes = [ { path: 'books/:folder', component: DocViewerComponent, //children: [{ // path: './:title', // component: PdfViewerComponent //}] }, { path: 'books/:folder/:title', component: PdfViewerComponent, } ]; COMPONENT.TS selectedRow(row: any, index: number) { this.router.navigate(['/doc/books', this.fileFolder, row.title], { relativeTo: this.activatedRoute }) } 它之所以工作是因为路径：'books/：文件夹'和路径：'books/：folder/：title'是不同的孩子（当它显示pdf文件时，数据源中的列表消失了）。 我的目标是将PDFViewerComponent组件放在DocViewerComponent组件的孩子中。 但是，我不知道如何将其从docviewercomponent组件导航到Child PDFViewerComponent组件。 我尝试将名称放在其中，但仍然不起作用。 我为任何投入/想法提供了认可。 谢谢 当前路线是books/:folder，您想导航到孩子:title，因此您需要做的只是指定标题。 selectedRow(row: any, index: number) { this.router.navigate([row.title], { relativeTo: this.activatedRoute }); }