问题标签 [angular7-router]

我创建了以下路由守卫：

我使用它如下：

我都已导入到我的一个模块中：

但是，当我运行我的应用程序时，Angular 会说：

我的警卫以什么方式无效？

Angular 新手并尝试在模块中构建我的代码。我有一个管理模块响应

/行政

请求，现在我正在尝试将另一个子模块添加到管理模块，称为投资组合模块。

这有效，除了我想要投资组合模块来响应

/管理员/投资组合

要求。现在它回应

/文件夹

而是请求。

我在这里导入 PortfolioModule

admin.module.ts

认为我可能需要将 PortfolioModule 定义为子路由。在管理路线内。

管理员路由.module.ts

这是我的投资组合模块，没什么特别的。

投资组合.module.ts

最后是我的投资组合路由，也许我在这里遗漏了一些东西，告诉它包含父路由。

投资组合路由.module.ts

我试图让滚动动画在 angular7 前端中工作，但它在路由器插座中不起作用。我认为这与 angular 如何处理路由器插座中的滚动位置有关，正如许多有关滚动的相关问题所建议的那样。

我的问题：如何在路由器插座中实现预期的行为？这甚至可能吗？有人解释为什么会出现问题吗？

具体来说，一旦通过滚动到达某些 div，我想在某些 div 上应用来自 animations.css 的 zoomIn 动画。为了让它工作，我使用了“ng2-animate-on-scroll”包，它运行良好，直到 div 位于路由器插座内。

在我的 app.component.html 中：

当我在路由器插座上方的 app.component.html 中放置一些 div 时，滚动上的动画是可见的，并且按预期工作。但是，路由器插座或以下的所有内容都没有动画。

有什么建议么？

构建项目时出现错误。

ng build --prod

以下是控制台上显示的错误。

设置

• 视窗 10
• 节点 v10.15.3
• npm 6.4.1
• @角/cli 7.3.8

重现步骤

1）使用路由创建新的角度应用程序

1.1) 新的 MyApp

1.2.) 当提示使用路由时，说是并接受其他默认值

2) ng g 组件首页

3) ng g 组件设置

4) 并修改 app-routing.module.ts 如下。

5) ng build --prod

错误应该出现在控制台中

问题

看看第 4 步，我的问题真的是为什么以下工作有效？

而以下不起作用？

请注意，从结构来看routes，routes2、 和routes3都是相同的，至少是等价的。它们都是具有相同属性的对象数组。不知道我在这里缺少什么。

更新：

以下令人惊讶的是也不起作用。

但以下工作。

这真的很奇怪。它一定是编译器中的一个错误。

所以我们正在尝试将我们的项目从 Ionic 3 移动到 Ionic 4。首先，我们启动了一个基本的标签应用程序：ionic start myApp tabs

我做了两页：

我希望两个不同的选项卡能够导航到“UserListPage”。所以我将它添加到“tab1”和“tab2”路由器子级：

tabs.router.module.ts

现在我希望 UserListPage 能够导航到“UserDetailedPage”。

我尝试将用户详细信息作为路径添加到 UserListPageModule 中，如下所示：

用户列表.module.ts

现在，当我在 tab1 上并单击一个按钮转到列表页面时，它可以工作。

但是，当我单击一个按钮从列表页面转到详细页面时，它会更改 URL 但不显示页面。

任何想法我做错了什么？

我正在尝试在导航到另一个页面时将数据发送到另一个页面。

我不确定如何在我的主页中接收我的片段。我在我的主页下面尝试了他的内容。

我越来越不确定我不确定如何获得片段的任何帮助......

由于某些平台限制，我无法使用路由 - 不同的 url 导航到不同的组件。

也就是说，只有http://localhost.com/default

没有http://localhost.com/user

没有http://localhost.com/items

我设法将 AppComponent 中的所有子组件作为父组件，并使用变量来指示要通过 ui 操作隐藏和显示哪个子组件，以便操纵布局。

由于有大量的组件放在一起，ts文件中的代码很乱。

我想知道是否有更好的方法不使用布尔值和 ngIf 来显示或隐藏子组件？

解决方案 1：路由是否具有导航到同一 url 上不同组件的高级功能？

解决方案 2：使用路由参数？

我正在使用 ionic 4 和 angular 7。我正在尝试利用ion-tabs 我想知道如何隐藏内部路由或页面的标签栏。

在谷歌上搜索后，我发现 ionic 3 中有一种方法可以在引导期间在配置中添加属性“tabsHideOnSubPages：true”，但我无法为 ionic 4 找到相同的属性。

我想隐藏内页上的标签栏，例如“domain/tabs/tab1/1”

我需要让 laravel 重定向到 Angular 路由。

我正在使用 Angular7 for front 和 laravel 5.8 for API 部署我的第一个项目，它在开发中运行良好。但是，当我构建 Angular 项目并将其定位在 laravel 的公共目录中以便我可以通过http://127.0.0.1:8000/<my project name>angular 路径访问它时，如果我请求特定链接（如http://127.0.0.1:8000/<my project name>/view/data/45. 在这种情况下，laravel 返回 404 响应，因为这是 Angular 的路由而不是 laravel。

我试图在函数调用中从另一个组件调用一个组件。

在我的项目中，我总共有两个组件。

如上所述，我在 Angular 7 中总共定义了两个组件。

现在在component1组件中，我有一个从maintables组件中的另一个函数调用的函数。

下面是我如何在函数中调用组件的代码。

但上面的行不能正常工作。它没有被重定向到component1组件。

谁能帮助我如何从不同的组件调用另一个角度组件？

提前致谢！