angular4-router相关内容

在 angular 4 延迟加载中用模块名称替换块名称

我正在使用 angular-cli-1.6.3 来捆绑我的项目.我尝试将延迟加载的块名称重命名为有效的模块名称.但它不起作用.下面给出的代码片段, {路径:'懒惰',loadChildren: './lazy/module#LazyModule?chunkName=LazyModule'} 解决方案 你应该使用 -nc 标志 ng build --aot -nc 或 ng build ..

Angular:两个不同的模块或单个模块

我最近开始研究 Angular (Angular5).我的应用程序有名为 Home、School、Office 的标签,我有两种类型的用户 Admin 和 non-admin.一旦点击 Office 选项卡,管理页面将被重定向到管理页面,非管理用户将被重定向到非管理页面. 那么,对于这个要求,我需要制作两个不同的模块吗?或者我应该制作一个模块并根据用户类型重定向?请指导我的项目结构. ..
发布时间:2021-11-10 04:58:48 其他开发

如何在本地主机上使用 PathLocationStrategy?

我正在开发一个 Angular 4 网络应用程序,我需要使用 PathLocationStrategy(而不是 HashLocationStrategy). PathLocationStrategy 的唯一问题是,当我刷新页面时,我立即在控制台中看到一个空白页面,并显示 404 错误......这对于 PathLocationStrategy 来说是正常的. 一旦在服务器上,我就可以通 ..
发布时间:2021-11-10 03:31:22 其他开发

Angular 4 路由器:防止浏览器直接导航

如何说服 Angular 4 路由器在我的应用中禁用直接浏览器导航? 我研究了路由器钩子 CanActivate 和 CanDeactivate 并实现了它们,但是在使用直接浏览器导航时 CanDeactivate 根本不会触发. 我可以使用 CanActivate 来阻止 url,但只能在应用程序重新启动后才能使用,这需要时间并在浏览器窗口中进行不需要的更改. 我希望能够在应用 ..
发布时间:2021-11-10 03:24:27 其他开发

通过在路径前添加“%2f"字符来解决 angular4 路由问题

对我来说使用嵌套路由的原因是动态处理每个页面的图标和后退按钮.我有抽象路由,因为当我点击后退按钮时,路由参数消失了,我放了一个抽象路径来保留 id 和 questionnaire 类型参数在 url.my 抽象路径是 Questionaire { path: 'Home', component: HomeComponent,data:{icon:'fa-home'} },{ path: 'Qu ..

Angular 4 路由 --prod 模式

我最近在生产标志 --prod 中使用 angular 4 构建了一个应用程序. 它在 dist 文件夹中给了我一些静态文件,之后我将 dist 文件上传到 AWS S3 存储桶中.一切顺利,直到我点击刷新.在/page1 或/page2 等其他路由上单击刷新时,它显示“404 未找到"没有此类关键错误. 我在这里做错了什么吗?我知道问题存在是因为 dist 文件夹中只有一个文件 (i ..
发布时间:2021-11-09 00:36:04 其他开发

如何将 angular 与 spring boot 集成以在 spring boot 端口上查看 angular Web 界面?

我有使用 angular4 开发的后端 Spring Boot 应用程序和前端.由于这两个在部署时在不同的端口(8080,4200)上运行,因此不显示任何 UI.在本地,使用下面的启动角度服务器在 localhost:4200 上工作绝对正常并显示 Web 界面: ng serve --proxy-config proxy.conf.json 其中 proxy.conf.json 有内容: ..
发布时间:2021-11-09 00:21:44 Java开发

在angular5中的登录页面之前隐藏导航栏

我在 angular5 应用程序中工作,所以我在 github 中使用了 angular5 模板,并且我尝试执行与本教程相同的操作以在身份验证之前隐藏导航栏 https://loiane.com/2017/08/angular-hide-navbar-login-page/ 我没有收到任何错误,但即使在用户身份验证之后导航栏始终隐藏..,我正在使用后端 spring boot (spring ..
发布时间:2021-11-08 22:52:49 其他开发

带有Router Guard的延迟加载模块和Angular4中的动态路由

我有单个延迟加载模块,其中多个组件具有动态路由,每个组件由路由器防护定义.那么如何为每个具有动态路由的组件配置路由.对于每条路由路径,我都能看到相同的组件,当我使用 url 手动路由时,出现错误“Guard is not a function". 下面是我的代码:mycomponent.module.ts @NgModule({进口:[路由,共享模块,评论模块,],声明: [我的组件1,我 ..
发布时间:2021-11-08 22:28:10 其他开发

无法绑定到“routerLink",因为它不是“a"的已知属性.尽管引用了路由器模块,但仍出错

我正在我的 angular 4 应用程序中实现基本路由,并在浏览器上加载应用程序时收到以下错误.我在 approuting.module 中定义了路由,也引用了 Ngmodule 中的路由器模块以及 approuting.module.不知道是什么问题 无法绑定到“routerLink",因为它不是“a"的已知属性.无法绑定到“routerLink",因为它不是“a"的已知属性.("ew" [h ..

每条路线的多个组件有角度

我想要做的是,我想同时加载home组件和sidebar组件. const appRoutes: Routes = [{路径:'',组件:HomeComponent,子组件:[{路径:'侧边栏',组件:侧边栏组件,子项:[{ path: 'about', 组件: AboutComponent },{ path: 'clients', 组件: ClientsComponent },{ 路径:'服务' ..
发布时间:2021-11-08 21:41:43 其他开发

通过在路径前添加“%2f"字符来解决 angular4 路由问题

对我来说使用嵌套路由的原因是动态处理每个页面的图标和后退按钮.我有抽象路由,因为当我点击后退按钮时,路由参数消失了,我放了一个抽象路径来保留 id 和 questionnaire 类型参数在 url.my 抽象路径是 Questionaire { path: 'Home', component: HomeComponent,data:{icon:'fa-home'} },{ path: 'Qu ..

路由器命名的出口被激活一次

是否有可能让路由器命名的出口被激活一次,然后永远不会被破坏,无论在主要出口中导航什么路线? 目的是让组件保留在页面上(例如,侧边栏),但在初始加载时获得路由的好处 - 例如保护(解析器)和延迟加载. 要求命名的出口不应以任何负面方式影响用户体验,例如通过向 SPA URL 引入垃圾后缀,例如(outletName:routeName),它们也不应该被意外停用.如果有办法在初始激活后将它 ..
发布时间:2021-11-08 21:37:54 其他开发

Angular 4路由-生产模式

我最近在生产标志-prod 中使用angular 4构建了一个应用. 它给了我dist文件夹中的一些静态文件,然后我将dist文件上传到了AWS S3存储桶中.一切正常,直到我单击刷新.在其他路由(例如/page1或/page2)上单击“刷新"时,显示“找不到404"没有此类关键错误. 我在这里做错什么了吗?我知道问题存在,因为dist文件夹中只有一个文件(index.html).但是 ..
发布时间:2021-04-07 18:40:45 其他开发

具有Angular4中具有动态路由的Router Guard的延迟加载模块

我有一个带有多个具有动态路由的组件的单个惰性加载模块,每个组件都由路由器防护定义.因此,如何为具有动态路由的每个组件配置路由.对于每个路由路径,我都能看到相同的组件,并且当我使用url手动路由时,出现错误"Guard不是功能". 以下是我的代码:mycomponent.module.ts @NgModule({进口:[路由,共享模块评论模块],声明:[MyComponent1,MyCom ..
发布时间:2021-04-07 18:32:00 其他开发