问题标签 [angular-route-segment]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angular - 如何在 Angular 5/4 中为不同类型的用户使用不同的导航栏?
我正在开发一个在 github 上找到的 Angular5 免费模板。它只包含一个导航栏,但就我而言,我有两种类型的用户(管理员和经理),它们根本没有相同的导航栏。我该如何解决这个问题?如何将它们中的每一个重定向到不同的导航栏?
这是模板的样子:
在这张图片中,您可以看到文件 app-sidebar-nav.component.html 使用包含导航栏的文件 _nav.ts。
这是文件 _nav.ts
我想添加另一个名为 _nav2.ts 的文件,经理将在身份验证后看到,这是不同的。_nav.ts 将是管理员在身份验证后看到的结果。
在目录视图/页面中,我有一个名为 login.component.ts 和 login.component.html 的文件
编辑 :
这是文件 authentication.service.ts
angular - Angular 5 Lazy Loading Route Module with Children
我很难弄清楚为什么TEST 1孩子没有加载当前组件
在我路由到Test1ChildComponent后,会显示Test1ListComponent视图。URL 更改,但Test1ChildComponent视图未加载
路由树:
应用程序路由模块
核心路由模块
test1-routing.module
javascript - Angular 2路由到具有不同url的相同组件
例如,如何路由到相同的组件但具有不同的 url 和不同的数据
这是我尝试做的,我还有其他使用 ExportComponent 但具有类似路由的路由,例如exports/:exportId。
当我使用 /exports/open 访问 url 时遇到的问题是路由到 ExportComponent 而不是 ExportListComponent。如何使用 url 路由到导出/打开并路由到 ExportListComponent,而不是 ExportComponent。问题是当我路由到 /exports/open 时,它会认为 'open' 是一个 id,但我需要路由到 ExportListComponent
angular - 如何将 Angular Universal 项目部署到 plesk 中的虚拟目录
我想在我的域虚拟目录中部署角度通用项目,但问题是当我部署项目时它不加载任何 css js(资产)和内页
例如 domain.com/virtual 目录,但是当打开它时没有加载它的资产说没有找到 domain.com/css 虽然它必须是这个 domain.com/Virtual Direcory/css
angular - sharing data between two routes angular
i am trying to pass data between two routes called Teacher and Student.Both routes are taking the same components with another views.
i have issue to pass booleans from teacher to student i was building a services like this:
service :
student:
Teacher:
when i cliked on Camera's button the Subject send my a boolean direct to Camera's function and the behaivorSubject triggered the next state. But the of my router module route don't work as expected .the student component take the false as default and not make the update like the teacher make it ; (teacher change the state of the subscrition to true but the subscription from school dont make the update inside of subscrition ) i was triying without (in the app.component.ts like components and work fine but with the router-outlet don't work ) how might i fix this behaivor ...?
angular - Angular-routing:html-template 中的路由链接无法与路由模块中定义的路由匹配
我有一个关于路由的问题(模块内有多个路由,延迟加载)。
假设我有 2 个模块
1-app.routing.module.ts 2-user.management.routing.module.ts
在应用程序路由模块文件中,我有
和里面的用户管理路由模块文件
当我使用“ng serve”运行应用程序时,它按预期工作。我添加了一个链接,例如
当我点击忘记密码链接时,应用程序抛出错误
你能在这里指导我我的代码有什么问题吗?
angular - 在Angular中再次单击时如何刷新父路由及其组件?
我有一个Master-Detail 容器组件,其中包含 2 个展示组件 master和detail。用户将单击该链接http://localhost:4200/master
。主组件将从服务器检索数据并显示项目列表,并将详细组件导航到列表中的第一个项目。路线现在将变为http://localhost:4200/master/detail:1
。
现在用户可以返回并http://localhost:4200/master
再次单击该链接。但是主组件没有任何反应,也没有下载新数据。组件的行为就像它们被缓存一样。
如果用户再次单击,我想刷新整个Master-Detail 。http://localhost:4200/master
数据需要从服务器下载,并像用户第一次点击一样显示详细项目。
我需要在组件或模块中进行哪些设置,以及实现它所需的路由更改?
这是我目前的路线: