gpt4 book ai didi

Angular4 选项卡无法使用

转载 作者:太空狗 更新时间:2023-10-29 18:08:07 28 4
gpt4 key购买 nike

无法使用 <mat-tab-group> 获取标签

我已经安装了最新的 nodejs、angular cli 和 angular material但是当我在浏览器中运行项目时我无法获取标签

@angular/cli: 1.4.5
node: 8.7.0
os: linux x64
@angular/animations: 4.4.5
@angular/cdk: 2.0.0-beta.12
@angular/common: 4.4.5
@angular/compiler: 4.4.5
@angular/core: 4.4.5
@angular/forms: 4.4.5
@angular/http: 4.4.5
@angular/material: 2.0.0-beta.12
@angular/platform-browser: 4.4.5
@angular/platform-browser-dynamic: 4.4.5
@angular/router: 4.4.5
@angular/cli: 1.4.5
@angular/compiler-cli: 4.4.5
@angular/language-service: 4.4.5
typescript: 2.3.4

注册组件Html

<app-header>


</app-header>

<div class="mainwrap">
<div class="heading">
Registration
</div>

<mat-tab-group>
<mat-tab label="Tab 1">Content 1</mat-tab>
<mat-tab label="Tab 2">Content 2</mat-tab>
</mat-tab-group>


</div>

应用程序模块.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { AppComponent } from './app.component';
import { HeaderComponent } from './header/header.component';
import { RegistrationComponent } from './registration/registration.component';
import {MatTabsModule} from '@angular/material';

@NgModule({
declarations: [
AppComponent,
HeaderComponent,
RegistrationComponent
],
imports: [
BrowserModule,
MatTabsModule,
RouterModule.forRoot(
[
{
path: '',
redirectTo: 'registration',
pathMatch: 'full'
},
{
path: 'registration',
component: RegistrationComponent
}
])
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }

最佳答案

经过一番研究,我找到了答案

我没有在 app.module.ts导入 BrowserAniminationModule,因此我无法正确使用选项卡。

关于Angular4 选项卡无法使用 <mat-tab-group>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46767580/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com