Jhipster/md-button 不是已知元素 [英] Jhipster / md-button is not a known element
问题描述
您好,我使用的是 JHipster 4.0.1
Hello I am using JHipster 4.0.1
我想将 angular 2 材料集成到我的 home.component 中.
I want integrate angular 2 material into my home.component.
我做到了:npm 安装材料npm 安装 angular2/{core,button}
I did : npm install material npm install angular2/{core,button}
<html><head></head>
<body>
<md-button>Hello </md-button></body></html>
错误是:md-button 不是已知元素
the error is : md-button is not a known element
推荐答案
对于那些使用 yarn 而不是 npm 的人:
For those using yarn rather than npm:
yarn add --exact @angular/material
yarn start
将angular material module导入src/main/webapp/app/shared/shared-libs.module.ts
:
Import angular material module into 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';
在src/main/webapp/app/home.component.html
中添加一些MD元素:
Add some MD elements to src/main/webapp/app/home.component.html
:
<md-card>
<button md-button class="mat-primary">Hello </button>
</md-card>
这篇关于Jhipster/md-button 不是已知元素的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!