Jhipster/md-button不是已知元素

Question

Jhipster/md-button不是已知元素

Che*_*ine 4 jhipster material-design angular-material angular-material2

您好我正在使用JHipster 4.0.1

我想将angular 2材料集成到我的home.component中.

我做了:npm install material npm install angular2/{core,button}

 <html><head></head>
<body> 
<md-button>Hello </md-button></body></html>

Run Code Online (Sandbox Code Playgroud)

错误是:md-button不是已知元素

Answer 1

Gaë*_*iou 9

对于那些使用纱线而不是npm的人:

yarn add --exact @angular/material
yarn start

Run Code Online (Sandbox Code Playgroud)

将角度材料模块导入src/main/webapp/app/shared/shared-libs.module.ts:

import { MaterialModule } from '@angular/material';

@NgModule({
    imports: [
        MaterialModule,
        ...        ],
    exports: [
        MaterialModule,
        ...

Run Code Online (Sandbox Code Playgroud)

将主题添加到src/main/webapp/content/css/vendor.css:

@import '~@angular/material/core/theming/prebuilt/deeppurple-amber.css';

Run Code Online (Sandbox Code Playgroud)

添加一些MD元素到src/main/webapp/app/home.component.html:

    <md-card>
        <button md-button class="mat-primary">Hello </button>
    </md-card>

Run Code Online (Sandbox Code Playgroud)

归档时间：	8 年，11 月前
查看次数：	2512 次
最近记录：	8 年，10 月前