小编Jus*_*now的帖子

我正在建立一个角度为6的应用程序,我有两个独立的屏幕:

1. 登录(登录,注册,忘记密码,个人资料)
   • 这些页面不是布局的一部分
2. 布局(仪表板,产品,发票)
   • 这些页面应该共享相同的布局

我的应用程序基于模块,所以我有

• app.module.ts
• account.module.ts
• dashboard.module.ts
• products.module.ts
• invoices.module.ts

每个模块都有一个空组件,只包含一个插座,除了布局(包含页眉,正文和页脚).

我想实现这些路线:

• site.com/account/login
• site.com| 将导航到仪表板
  • site.com/dashboard
• site.com/products
• site.com/invoices

视觉解释

我没有添加的问题account.module,但我不知道如何在添加时配置路由layout.module

注意:也许我的整个方法都是错误的,但对我来说这是唯一合乎逻辑的事情,因为我有包含组件的模块,我想为可能的延迟加载配置做好准备.

如果我走错了路,请告诉我.

码

app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { NgModule } from '@angular/core';
import { HttpClientModule } from '@angular/common/http';
import { RouterModule } from '@angular/router';

import { AppComponent } from './app.component';

import { LayoutModule } from './layout/layout.module';
import { AccountModule } from './feature-components/membership/account.module'; …

我在我的项目中使用角度材料/垫日期选择器，每当用户在其中输入一位数字并失去焦点时，日期选择器就会自动完成随机日期。

例子

只需进入1并离开焦点，或者进入5/5/20

日期选择器自动添加日期

更新：我还使用反应式表单，并使用该方法验证输入

我可以禁用这个吗？