Question

您好我正在使用JHipster 4.0.1

我想将angular 2材质整合到我的home.component中。

我做了： npm安装材料 npm install angular2 / {core，button}

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

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

Answer 1

对于那些使用纱线而非npm的人：

yarn add --exact @angular/material
yarn start

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

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

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

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

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

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

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

Jhipster / md-button不是已知元素

1 个答案: