在离子骨架中改变组件之间的视图

时间:2019-07-13 14:22:48

标签: angular ionic-framework

如何在没有模块的组件之间进行导航(延迟加载)。我有一个模块,女巫将被延迟加载并包含自己的路由(儿童)。但是转到某些视图,仅在浏览器的url输入字段中更改url,并且视图不变。

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { Routes, RouterModule } from '@angular/router';
import { DictionaryPage } from './dictionary.page';
import { LetterPage } from './letter/letter.page';
import { WordAddComponent } from './word-add/word-add.component';
import { WordDetailComponent } from './word-detail/word-detail.component';

const routes: Routes = [
    {
        path: '',
        component: DictionaryPage,
        children: [
            {
                path: 'letter/:letter',
                component: LetterPage
            },
            {
                path: 'add',
                component: WordAddComponent
            },
            {
                path: 'word-detail/:id',
                component: WordDetailComponent
            }
        ]
    }
];

@NgModule({
    declarations: [],
    imports: [CommonModule, RouterModule.forChild(routes)],
    exports: [RouterModule]
})
export class DictionaryRoutingModule {} 

或者可能存在未解决的问题,实际上每个离子页面都应该创建为单独的模块吗?例如:我有一个“字典”选项卡,其中包含他自己的子视图,例如:

|- Dictionary
   |- Alphabet
   |- Words
   |- Word Details
   |- Add new word

因此,“词典”选项卡的每个子视图都应该是模块,而不仅仅是组件?

我感觉stackoverflow中的角度社区不是很活跃。我必须自己回答所有问题:D

0 个答案:

没有答案