angular - 奇怪的路由问题 Angular 7 + Ionic 4 Beta

标签 angular ionic4

我有一个 Ionic 4 beta 应用程序 + Angular 7。

它刚刚从 Ionic 4 beta 3 更新到 beta 21 + Angular 6 到 Angular 7.1.3。

由于更新,我的所有路由都不起作用,地址栏中的 url 发生了变化,但页面没有更新。

我可以看到 NavController 已被弃用,因此我更新了我的代码以使用内置的 Angular 路由器而不是 NavController,但我仍然遇到同样的问题。

我已将跟踪添加到我的路由配置中

@NgModule({
  imports: [RouterModule.forRoot(routes, { enableTracing: true })],
  exports: [RouterModule]
})
export class AppRoutingModule {
}

并且跟踪显示路由都按预期工作,经过一些调试后我什至可以看到我正在导航到的组件的构造函数也在执行。

所以我查看了 DOM,现在情况真的很奇怪!

enter image description here

以蓝色突出显示的组件是我导航到的组件。它全部正确呈现,只是不可见。如果我编辑 DOM 并删除 <app-cases> “前一个组件”,然后是我的 <app-case>组件显示正确。

所以看起来下一个组件的隐藏和显示没有正常工作。

有人有什么想法吗?

最佳答案

所以看起来这是下一行

import "~@ionic/angular/css/core.css";

在 global.scss 中丢失

Render not working after Navigate Ionic 4

关于angular - 奇怪的路由问题 Angular 7 + Ionic 4 Beta,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53747808/

相关文章:

angular - ngx-extended-pdf-viewer 不显示文本(错误的 cmps 路径)

选项卡主体内的 Angular Material sidenav

javascript - Ionic(单击)在 AlertController 消息属性中不起作用

angular - 如何设置IONIC 4的背景颜色

angular - 粘性标题没有事件使用 Angular 在内容上滚动

angular - npm 包似乎已损坏

firebase - 找不到 Ionic 4 和 Firebase 页面

angular - ionic 4 - Angular 6 : How to control Ionic router history to stop cache a view component?

angular - 'ion-tab' 不是已知元素

angular - *ngIf 在 angular2 中的组件类变量上