最初如何路由到空白页面,然后在单击角度6时加载模板?

时间:2019-03-26 08:26:24

标签: html angular

使用侧角材质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>

想要最初显示空白页,然后单击以显示缓存组件。除了路由以外,还有其他方法吗?

1 个答案:

答案 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。 希望对您有帮助。