angular-routing相关内容
我有一个使用 Angular 的网站.我使用 jwt 实现了身份验证.我知道我们可以使用 Angular Route Guard 阻止用户前往受限路线. 通常在 SPA 中,所有路由 (html) 都是可下载的.只是我们通过响应 403 代码来处理服务器中未经授权的路由.因此,用户可以安全地看到 html 而无法获取任何数据.但是在特定的项目中,我们甚至不希望用户能够看到管理面板的html(
..
我在 Angular4 中获得了我的用户配置文件的路由 /* 帧默认值 */{路径:'',组件:FrameDefaultComponent,孩子们: [{path: 'home', 组件: SiteHomeComponent},{path: 'home/:page', 组件: SiteHomeComponent},{路径:'user/:id',组件:SiteUserProfileComponen
..
我的 app.routes 中有 4 条路线. import { NgModule } from '@angular/core';从'@angular/router' 导入 { Routes, RouterModule };导出const pageRoutes:路由= [{path: '', redirectTo: 'home', pathMatch: 'full'},{path: 'home'
..
我正在尝试将我的 Angular 应用程序部署到在 url 中具有附加位置步骤的生产环境,例如www.production-server.com/name-of-my-app 附加到它. 当我通过 localhost:4200 上的 angular cli 运行它并通过页面重定向时,我的应用程序工作得很好,例如从 localhost:4200/page1 到 localhost:4200/p
..
我创建了一个新项目并向路由模块添加了一些代码以进行动态路由: 这里是路由模块代码: import { NgModule } from '@angular/core';从 '@angular/router' 导入 { Routes, RouterModule, Router};从 './one/one.component' 导入 { OneComponent };从 './home/home
..
我刚刚开始学习 Angular2,我想构建一个非常常见的“list-detail"样式页面,类似于:http://xgrommx.github.io/rx-book/index.html.当您单击左侧栏中的项目时,它会启动到中心详细信息视图的导航,而无需拆除左侧栏.达到这种效果的最佳方法是什么? 我目前的设计如下: 当我启动 home 组件时,列表组件 (child1) 将立即加载,并
..
您可以在此处找到示例应用:http://ivan-khludov.com/> 这是我的根组件: import { Component } from '@angular/core';@成分({选择器:'根',模板:`
我的虚拟 Angular 应用程序
..
我的代码如下所示: googleClick(): void {this._auth.login('google').subscribe((数据:任何)=>{console.log('谷歌服务器数据' + JSON.stringify(data));this.loginService.registerUser(data.email, data.name, '0').subscribe(res =>
..
我相信我对这些术语“嵌套参数化路由"的理解是正确的,但还没有找到我要找的东西. 我的目标是为我的 API 创建直观的路由,类似于以下示例: /api/v1/project/list/api/v1/project/1/item/list/api/v1/project/1/item/1/edit/api/v1/project/2/item/3/delete 如何设置项目状态相对简单明了,但不
..
如果可以将路径:""重定向到路径:“:id",我正在徘徊?有什么办法可以做到这一点吗? 谢谢. {路径:'文件夹',孩子们: [{小路: '',重定向到:':id',路径匹配:'完整',},{路径:':id',canActivate: [AuthGuard],组件:文档组件,},]} 解决方案 我找到了一种方法,可以使用空的 'id' 参数将 'folder' 路由重定向到 'fold
..
我有 angular 2 项目.我想在新窗口中打开服务器上可用的静态帮助文件.我试过 window.open(help/index.html).它导航到页面,但抛出有关未找到路由的错误.我还尝试在角度区域之外运行上面的代码,但没有任何区别.我怀疑当浏览器位置更改时,angular 会在下一个更改检测周期中检测到它并尝试路由到该 URL.可以做些什么来实现这一目标. 解决方案 您可以尝试利用
..
我创建了一个 Angular 应用程序版本 7,项目结构是这样的.app 模块有 app-routing.module.ts,dashboard 模块有dashboard-routing module.ts.在仪表板模块中,布局组件路由有子组件,即 home 和 admin. 这是我的代码: 应用模块 import { AppRoutingModule } from './app-r
..
我正在将我的 Angularjs 代码从 ng-router 迁移到 UI-Router.在我的 ng-router 中,我有可选参数,但是我意识到 ui-router 不支持同样简单的方法来支持可选参数.以下是我现有的 ng-router 模块中的路由. //使用ng-router定义view的路由$routeProvider.when('/my-app/home/:userid?', {te
..
我正在将 Angular 合并到现有 Rails 应用的单个页面中. 使用以下内容与页面内的路由完美配合 app.config(function($routeProvider, $locationProvider) {$routeProvider.when('/services/:id', {templateUrl: "/javascripts/angular/templates/serv
..
在 Angular 中,您始终可以在组件中注入 ActivatedRoute 以获取对当前激活的路由. 它有一个属性 children : 包含当前路由下的所有子路由激活. 我想知道如何获得所有子路由(未激活的路由也是如此). 解决方案 您可以使用 route.routeConfig.children 来获取路由器中定义的子项.
..
我正在通过单击按钮更新数据库列,我想在单击后更改按钮.如何在不刷新页面的情况下实现这一目标? 下面是我的代码.只有当我刷新页面时它才能正常工作. 标记Mark 解决方案 完成mark()的
..
我的 Angular 7 应用程序需要在 iFrame 中呈现.由于系统的特殊性,我需要防止 URL 更改,或者我应该说我需要 Angular 不要期望 URL 更改. 我发现一些帖子展示了如何在特定路由调用中阻止它,但 URL 在应用加载时也会更新. 目标是维护 URL,如:website.com/applicition,即使路由发生变化,导致 window.location 没有更
..
我正在使用 Angular2 Seed 应用程序,您可以在 官方存储库 中找到它.如您所见,这里我们导入了 angular2/router,我们使用它来创建应用程序的基本路由. import {Component, ViewEncapsulation} from 'angular2/angular2';进口 {路由配置,ROUTER_DIRECIVES来自'angular2/路由器';...@R
..
我想检查 angular 项目中是否存在路由.比如用户在url栏中输入http://localhost:4200/#/timestamp,项目中不存在timestamp,不知道怎么查重定向? 解决方案 没有办法检查路由路径是否存在于配置中,但是你可以这样做在路由器配置模块中使用 ** 的配置重定向. export const AppRoutes = [{ path: "", redire
..
我正在尝试 import 我的 html 模板,以便 webpack 能够识别它们并在我构建时包含它们.(webpack -d) 根据这个GitHub问题我应该这样做 声明模块'*.html'{const _:字符串;出口默认_;} 然后 import template from './myTemplate.html'; 应该可以工作. 但这并不能完全解决问题. 从'./myTe
..