使用侧角材质sideNav显示菜单项列表。所有菜单项都路由到相应的组件。对于其中一项,有一个子菜单,然后单击该子菜单,应显示该组件。
对角度而言是全新的。尝试延迟加载,但收到错误消息:
未捕获(承诺):TypeError:未定义不是函数
在应用模块中延迟加载。ts
const appRoutes: Routes = [
{ path: '', component: DashboardComponent, data: { title: 'Dash Board' } },
{ path: 'clearcache', loadChildren:'./clear-cache/clear-cache.component' }
];
<mat-nav-list>
<a mat-list-item routerLink='/clearcache' >
<button mat-stroked-button type="button" class="button" (click)="onOptionA()">
Clear Cache
<mat-icon class="mat-icon notranslate material-icons mat-icon-no-color" role="img" aria-hidden="true"
(click)="onClearCache()">
keyboard_arrow_right
</mat-icon>
</button>
<button mat-stroked-button type="button" class="button" (click)="onOptionA()"> option A</button>
<button mat-stroked-button type="button" class="button" (click)="onOptionB()"> option B</button>
</a>
</mat-nav-list>
想要最初显示空白页,然后单击以显示缓存组件。除了路由以外,还有其他方法吗?
答案 0 :(得分:0)
也许您可以使用这种方法
1)将缓存组件放在侧面菜单中,并使用 * ngIf 应该是这样的:
username ='abcd'
password='password'
url = 'www.example.com/data/con'
r=requests.get(url)
page=r.content
print(page)
2)showCache必须是.ts文件中的布尔值,初始值设置为false,然后在用户单击所需按钮时将其设置为true。 希望对您有帮助。