问题标签 [angular4-router]

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.

0 投票
1 回答
191 浏览

angular - 加载子组件时更改路线angular4

我的父组件 html 有一些元素我需要在整个过程中保持不变,但会随着路由一起更改我的子组件,因此子组件加载正常但路由的更改没有得到反映[如果我尝试直接点击路由路径更改地址栏,它被渲染但没有父组件html元素存在]

父组件

父路由模块

在我的子组件中成功执行我的功能

子组件

我尝试了正常路线和子路线,但它不起作用

0 投票
3 回答
1445 浏览

javascript - Angular 5. 如何跟踪 Javascript 文件中的路由更改,或在组件级别执行功能?

我有 global.js 脚本文件,需要在路由更改为“/home”时启动 InitSwiper() 函数,但找不到如何在脚本文件中跟踪路由器或通过 home.component.ts 启动函数

global.js

0 投票
2 回答
1042 浏览

angular - 模块化 Angular 5 应用程序

我正在尝试将 Angular 5 应用程序拆分为模块。工作代码是这样的(相关代码):

app.module.ts

app.component.html

现在我想使用页脚将其更改为模块(只是更改):

app.module.ts

页脚.module.ts

此代码不起作用,我不知道出了什么问题。你能帮我一个提示吗?提前致谢。

0 投票
3 回答
2057 浏览

angular - 角度路由 - 将 url 重定向到组件

我在生产模式下重定向我的应用程序时遇到问题。当我有 url 时http://server.com/projectname/dashboard,服务器响应 IIS 错误页面 404。我必须使用打开应用程序http://server.com/projectname,然后单击链接,例如:

在 html 我有<base href="./">,这是我的路由器:

在开发模式下,我有 url http://localhost:4200/dashboard,我应该重定向。在开发中是 url localhost:4200/dashboard 而在生产中是 server.com/ appname /dashboard 会不会有问题?

0 投票
1 回答
1197 浏览

angular - Angular 2:在有条件的同一条路线上加载不同的组件?

有什么办法可以让我在同一条路线上加载不同的组件(在我的情况下是根路线)。

基本上我想看看用户是否登录,如果他登录,将加载仪表板组件,如果他未登录,将加载主页组件

再次为了明确问题,我不想使用身份验证保护将用户重定向到不同的路线。我想在同一条路线上加载不同的组件

0 投票
2 回答
119 浏览

javascript - Angular 4 路由 - 例外:未捕获(承诺):错误:找不到加载“AppComponent”的主要出口

我是Angular4的新手。

当我尝试探索 Angular4 中的路由时,出现以下错误

例外:未捕获(承诺):错误:找不到加载“AppComponent”的主要出口

我检查了要修复的链接数量,但还没有任何用处。

这就是应用程序的外观。

索引.html

app.module.ts

应用程序.routes.ts

app.component.html

app.component.ts

}

这里缺少什么配置才能使路由生效?

0 投票
1 回答
631 浏览

angular - 如果单击父路由中的按钮,如何在子组件中执行操作

我正在使用 angular 4。我的应用程序中有父路由和子路由。

在父母中,我有 2 个按钮->“添加”和“删除”。

当在父路由中单击“添加”按钮时,我想调用我的子组件的函数。我不知道如何实现这一点。

任何帮助,将不胜感激。

0 投票
0 回答
101 浏览

angular - 加载依赖于路由角度的脚本文件 4

我有 2 个设计,每个都有一堆样式和脚本文件,在 angular 4 中我创建了 2 个路线,一个设计路线,我如何在 index.html 中创建条件或任何方式来更改设计文件(css/ js)

0 投票
1 回答
45 浏览

angular2-routing - 为什么我的 Angular 应用程序将我的有效路由识别为无效?

我在这个应用程序中也有两个基本的两个基本NgModules和路由,核心(用于页眉、页脚和主页)和一个auth基本用于身份验证。没有使用wildcard应用程序之间的完美路由components。一旦我引入了无效路由,唯一加载的组件就是主组件。我正在从我的标头组件路由,即routerLink="/signin" 知道为什么会发生这种情况吗?

以下是我的代码,

核心模块

应用路由模块

授权模块

认证路由模块

应用模块

0 投票
1 回答
10283 浏览

angular - 错误:没有 InjectionToken USE_DEFAULT_LANG 的提供者

我是 Angular 4 jasmine 单元测试的新手。

  1. 请帮助我获得附加组件的完整测试覆盖率。
  2. 我已经为翻译模块添加了子依赖项,但仍然出现错误:InjectionToken USE_DEFAULT_LANG 没有提供者!这个有什么解决办法???
  3. 我想知道如何在我附加的代码中覆盖变量和方法以实现全面覆盖。

感谢您的帮助。

登录组件:

登录组件规格:

翻译模块: