遗留的Meteor方法angular2 UI Router问题
我正在尝试从主页到市场页面. 在主页中,我尝试了不同的变化来过渡到市场页面 我的目标市场页面,使用Meteor RPC方法从DB读取,通过可观察结果 在旧帐户包和流星方法的情况下,Angular UI无法渲染数据 home.component.html home page Market Direct Router Using meteor accounts_package Using meteor Methods Using meteor meteor_observa
0 2024-02-21
编程技术问答社区
Angular 2-Webpack 2-template-loader与templateUrl不起作用
我已经为我的应用程序创建了一个最小的webpack示例,并尝试将templateurl与" ./file.name.html"一起使用.但是我的应用程序显示的唯一的是我的索引页面上的templateurl" ./file.name.html"的名称.应用程序似乎有效,因为控制台中没有错误和 ... Loading 不再显示.在尝试使用WebPack之前,我已经使用了SystemJS,并且我的应用程序运行良好.所以我不认为这是一个应用问题. 我的起始文件名是boot.ts /// import 'core-js/es6'; import 'core-js/es7/reflect'; import "zone.js/dist/zone"; import { platformBrowserDynamic } from '@angular/platform-br
0 2024-02-21
编程技术问答社区
单SPA微型前端Angular应用中的URL路由散列
我正在尝试使用单个SPA库将应用程序作为微货币实现. 应用程序的文件夹结构如下, 微额定 root应用 Navbar App(Angular应用程序) 仪表板应用(Angular应用程序) 服务应用程序(Angular应用程序) 我已经在服务器中部署了相同的部署,并且网站可以按预期工作. 服务器中的文件夹结构(/var/www/html/)如下, home(root)[url:https://microfrontendapp.com/home] 仪表板[url:https://microfrontendapp.com/dashboard/my-dashboard] 服务[url:https://microfrontendapp.com/service] navbar 我面临的问题是我从主页开始使用网站,然后移动到仪表板或服务应用程序,如果我尝试从此URL路径中重新加载,我会收到 404页面找不到Web URL的错误. 我正在尝试使用路线哈希来解
设置IIS路由以允许角路由工作
我在 iis服务器中部署了 Angular应用程序(前端应用程序),并部署 asp.net Web API应用程序(Back- end app)在另一台服务器上(使用不同的服务器用于Angular应用程序和ASP.NET Web API应用程序). 当我转到 Angular应用程序URL 时,我可以访问我的网页.当我单击菜单项时,Angular路由器将我路由到请求的URL,但是当我在浏览器中输入请求URL 时,我会收到IIS 404 not found错误. 我不知道有什么问题. 解决方案 IIS试图路由您的请求.将IIS设置为重定向到根. IIS重定向到根部后,角路由将接收其余路线. 这是我在web.config中拥有的.
0 2024-02-21
编程技术问答社区
在IIS中使用路由参数时Angular 4 403 Forbidden
我使用IIS 6.1 SP1将Angular Project部署到我们的开发环境中,并且我在路由参数上遇到了403个禁止错误.在我的URL中,"客户端"不是组件,而是路由参数.该项目在我的本地主机上效果很好,只有当我将代码推向我们的开发环境时. 这是我在app.routes.ts中的代码: const routes: Routes = [ { path: '', redirectTo: 'login', pathMatch: 'full' }, { path: 'login', component: LoginComponent }, { path: 'login/:licenseeCode', component: LoginComponent }, ... 解决方案 如果您部署到文件夹(不是根),则可能需要调整
0 2024-02-21
编程技术问答社区
棱镜路由似乎阻碍了滚动的进行
我已经设置了一个带有路由的角应用程序,我遇到的问题是单个组件似乎无法滚动. 在我的index.html文件中,我有 然后在我的app.component.html中,我有 然后我有各种组件.我发现,如果我在app.component.html或index.html中替换给定代码的滚动函数,但是如果我将段落放在任何子组件HTML文件中,我就不会滚动.我对Angular/Frontend非常新鲜,因此即使指向我的方向也将非常有帮助,因为我的发展被停滞不前,直到我弄清楚这一点. 另外,如果我可以发布任何其他文件,请询问. . 解决方案 我遇到的问题是我需要添加 的CSS文件夹 .form-container { position: absolute; } 以及在我的router.
0 2024-02-21
编程技术问答社区
如何在angular中的CustomReuseStrategy中注入一个服务?
我已经在Angular实施了CustomRusestrategy.我想订阅shouldAttach()中可观察的一个,以确定是否应重新连接路线.我已经在服务中创建了一个可观察到的,我需要在CustomReusEstrategy中使用该服务实例.我尝试在构造函数中注入服务,并得到此错误: 无法解析CustomRusEstrategy的所有参数 Routereusestrategy的构造函数应该没有参数吗?如果是这样,如何创建服务的实例? 解决方案 我已经使用反射喷油器解决了这一问题. let injector = ReflectiveInjector.resolveAndCreate([MyService]); this.subscriptionSvc = injector.get(MyService);
0 2024-02-21
编程技术问答社区
使用节点和angular应用程序在页面刷新时获得404页面
我是Angular中的新手.我尝试使用Nodejs和Angular创建一个CRUD操作.我正在使用Nodejs和Express作为后端,Angular 当我使用RouterLink在页面上导航时,其工作正常,但是当我在页面上导航,然后刷新页面时,它显示了一个未找到错误的页面. 我知道那里发生了什么,该路线未在Express应用程序中定义,因此我刷新页面显示404错误. 如何通过Angular和Express路线使此工作? 这是我的代码. app.js(服务器) const express = require('express'); const path = require('path'); const http = require('http'); const bodyParser = require('body-parser'); var app = express(); app.use(bodyParser.urlencoded({extend
0 2024-02-21
编程技术问答社区
基于导航历史的Angular Breadcrumb,而不是路线路径
是否有一种方法可以实现基于导航历史的面包屑,而不是基于正常路径的基于路径的面包屑. 示例 路线 : 主页-HCHILD1 -HCHILD1.1 主页-HCHILD2 -HCHILD2.1 如果用户从家庭页面上导航到HCHILD2.1,则应该是BreadCrumb 主页| hchild2.1 而不是 主页| HCHILD2 | hchild2.1 然后,如果用户从HCHILD2.1导航到HCHILD1.1,那么BreadCrumb应该是 主页| hchild2.1 | HCHILD1.1 而不是 主页| HCHILD1.1 | HCHILD1.1 我所拥有的是基于路线路径的基于我的目的,因为我只能导航到paranet组件而不是前面的组件. 谢谢 解决方案 使用面包屑组件在导航终端路线中填充最后一个路线. 路线必须具有面包屑数据 //Home route { path: '', component: HomeCompon
0 2024-02-21
编程技术问答社区
Router.navigate在Angular中没有加载完整的页面内容
我正在尝试解决用户作为系统中其他用户的遇到的问题.当前,区域用户可能会冒充其他人,因为他们现在必须按F5来查看此页面上的所有内容,因此无法加载页面的完整内容.我试图通过在本地指向相同的数据库来重现此问题,但不能这样做.例如,当我转到DEV URL时,我尝试将其作为不同的用户模仿,然后将页面部分加载并刷新页面(F5),我看到了整个内容.我相信这是由于路线导航而发生的,不确定我是否缺少任何通过此功能传递的东西. this.router.navigate(['/', user.Company.Abbreviation.toLowerCase()]); 这是模仿按钮正在执行的完整函数. setImpersonatation() { this.store.dispatch(new AuditSearchClearAction()); this.store.dispatch(new CompanyChangedAction(this.impersonationForm.value.c
0 2024-02-21
编程技术问答社区
Angular 4-routerLinks没有开始的斜线会在未捕获错误后被重写
这是 Angular 4 + Zonejs:路由停止在未经发现的错误后工作 由于我们很难整合到我们的项目中建议的更改. 这样做的原因可以在此改编的plunker 我们项目中的路由链接没有斜线"/". 访问"错误组件"后,一旦您导航到另一个部分,这将打破整个导航. 所有链接都用当前路径重写,例如家. 在Routerlink属性中添加斜线修复了此行为. 为什么? ,是否有有关此的文档/规格? 我们只找到了此 api 或不从斜线开始,路由器会看一下当前激活路线的孩子. 但是,这与上一个问题的建议解决方法分别与未谋杀的错误有关? 解决方案 导航错误发生后,路由状态恢复 this.currentRouterState = storedState; this.currentUrlTree = storedUrl; 在执行createUrlTree中获得了起始位置: function findStartingPosition(nav,
0 2024-02-21
编程技术问答社区
Angular 2-将URL匹配到路由
是否可以采用URL或路径,找出与代码范围内匹配的路线? ex:Router.matchRoute('my/route')返回有关匹配路线的信息,例如: { path: 'my/route', component: HeroListComponent, data: { title: 'Heroes List' } } 基本上,我要做的是确定我当前的URL/路径路线是否与被导航到的路径相匹配. 解决方案 如果您想获得当前的URL并基于组件代码做出一些决定,例如,添加样式在导航菜单中添加当前项目,那么您可以获取当前的URL从路由器,将其与已知值进行比较. import { Router } from '@angular/router'; constructor( private router: Router ) {} 然后您可以编写功能以检查特定路线: isSomePage() { if (this.router.u
0 2024-02-21
编程技术问答社区
ViewDestroyedError。试图使用一个被破坏的视图:Angular 4中的detectChanges
我是Angular 4的新手,并试图构建一个简单的路由,但是当我尝试使用this.router.navigate(['./admin/login']);重定向寄存器重定向时,因此在console.log中抛出此错误ViewDestroyedError: Attempt to use a destroyed view: detectChanges.这是我的register.component.ts文件的样子: import { Component, OnDestroy } from '@angular/core'; import { Router } from "@angular/router"; import { ChangeDetectionStrategy } from '@angular/core'; import { FormValidationService } from "../../validations/form-validation.service"; impo
0 2024-02-21
编程技术问答社区
Angular RouteReuseStrategy后台按钮/跨模块
有关我的应用的信息(Angular 12): 由3个模块组成,每个模块都有一个带有列表的概述页面和一些详细页面 每个路线都有一个区域标签,所以我知道用户在哪个模块中 所以我想以以下行为实现Angular的Routereusestrategy: 每当用户从列表中导航 - >详细信息页面并使用返回按钮时,应重复使用列表组件(检测到后按钮触发) 每当用户从其他模块/区域导航到列表组件时,列表组件不应重新使用 每当用户从详细信息到另一个详细信息页面时,都应重复使用详细信息(默认行为?) 每当用户离开模块,导航到另一个模块或登录时,应清除/销毁存储的组件 当前情况: 我实现了一个自定义的Routereusestrategy,它可以重复使用,并且列表组件是✓ 只有滚动位置没有恢复,但需要单独检查✕ 我想检查路线内的areatag,但是ActivatedRoutesnapshots是空的✕ 检测Backutton Press,但是事件
0 2024-02-21
编程技术问答社区
Angular url匹配器--匹配任何以 "A "开头的路径。
我使用angular2+路由器,我正在尝试匹配以/tree开始的任何路径,例如: example.com/projects/1/repository/tree/src example.com/projects/1/repository/tree/src/app example.com/projects/1/repository/tree/src/app/core 等等. 我尝试了这种方法,但它不起作用: https://github.com/angular-ui/ui-router/wiki/url-routing#regex-parameters 我的路由器配置: const routes: Routes = [ { path: 'projects/:id/repository/{tree:.*}', component: FilesListComponent } tree之后的所有内容我需要在控制器中捕获作为参数,因此我可以使用它进行
0 2024-02-21
编程技术问答社区
检查Angular 2中是否存在一个路由
我想检查角度项目中是否存在一条路线. 例如,在URL栏中的用户类型http://localhost:4200/#/timestamp timestamp在项目中不存在,您将如何在不重定向的情况下检查? 解决方案 @sajeetharan关于router.config的答案是正确的,但有些简化,并且不适用于在其中带有URL参数的路由,例如'/books/:id'或子路由. 另外,让我们将其置于重复使用的服务中: import { Injectable } from '@angular/core' import { Router } from '@angular/router' @Injectable({ providedIn: 'root' }) export class RouterHelperService { private validRouteRegices constructor(private router: Router) { c
0 2024-02-21
编程技术问答社区
如何找到angular中的页面加载时间?
这是在Angular2+??中找到页面加载时间的正确方法. 我不这么认为,这只是路由更改之间的时间差.我们如何将页面内容加载时间添加到它.?? this.router.events.subscribe((val) => { const navigationComplete = val instanceof NavigationEnd; const navigationStart = val instanceof NavigationStart; if(navigationStart){ this.navigationStartTime = (new Date).getTime(); } if (navigationComplete) { this.currentPage = this.router.url; // Current page route this.currentLocation =
2 2024-02-21
编程技术问答社区
Angular2中路由器的延迟
我有这个代码,具有2个函数: say()将播放音乐(已实现并且有效) router导致下一页(也有效) go_next() { this.say(); // audio this.router.navigate( ['app'], { queryParams: { 'part': this.part+1 } } ); //go to next page } ,但是我想做的是播放音乐(需要5秒),然后去下一页...我该如何实施?..我想,我必须实现某种delay,但我找不到router.navigate. 的参数 解决方案 等待 指定数量的毫秒数. go_next(){ setTimeout(() => { this.router.navigate(['app'], {queryParams: {'part': this.part + 1}}) } , 5000); } 其他解决方案 您可以在
0 2024-02-21
编程技术问答社区
如何处理Angular 5上的浏览器刷新动作?
目前,我正在尝试检测浏览器刷新事件(使用F5),然后重新定位page state一次.我只是检查了路由器事件,即,如果第一个事件类型是导航范围,事件ID为1,我认为用户按下浏览器刷新F5按钮. 示例代码如下所示.但是,看起来很奇怪.有什么更好的归档方法的方法吗?还是任何建议?谢谢 export class AppComponent implements OnInit{ constructor(private router: Router) { this.router.events.pairwise().subscribe((events: any[]) => { if (events[0] instanceof NavigationStart && events[0].id === 1 && events[1].id === 1) { // re-initialize page sate
0 2024-02-21
编程技术问答社区