私は、ブートストラップを備えたangular4アプリを開発しています。 私はちょうどangular5に移動し、代わりにプライム-NGのNG-bootrap剣道-UIなどのコンポーネントのための材料設計を使用する場合ではないかしら...コンソールで おかげangular5のマテリアルデザインに移行する
0
A
答えて
1
:
ng new pjt
cd pjt
npm install @angular/material @angular/cdk --save
npm install @angular/animations --save
アプリ/モジュール/ material.module.tsファイルを作成し、次のとおりです
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { MatButtonModule } from '@angular/material';
@NgModule({
imports: [MatButtonModule],
exports: [MatButtonModule],
})
export class MaterialModule { }
注各要素のマットを...モジュールをインポート、輸入に分離上記のファイルコンマで追加する必要を使用したいと行をエクスポートします。
を含むようにコンソールでnpm install hammerjs --save
更新main.tsを
@import "[email protected]/material/prebuilt-themes/indigo-pink.css";
を含むこと
import { BrowserAnimationsModule} from '@angular/platform-browser/animations';
import { MaterialModule } from './modules/material.module';
...
imports: [
...
BrowserAnimationsModule,
MaterialModule
],
更新styles.scssを含める
更新アプリ/ app.modules.ts
import 'hammerjs';
コンソール
ng serve
で
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
を含むように
更新のindex.htmlそして、あなたは、例えば、あなたのコンポーネントに材料要素を含む開始することができます<button mat-button>Some Btn<button>
...要素のmaterial.angular.ioを確認してください...
詳細については、https://coursetro.com/posts/code/113/How-to-Build-an-Angular-5-Material-Appをチェックしてください。
関連する問題
- 1. マテリアルデザインtranslate3d
- 2. マテリアルデザインのアイコンコード
- 3. Wordpressマテリアルデザインの問題
- 4. Laravel gulp&elixirマテリアルデザイン
- 5. マテリアルデザインCSSスタイリング問題
- 6. ListViewのマテリアルデザインのAndroidポップアップメニュー
- 7. マテリアルデザインWPFコマンドの問題
- 8. ReactJSとマテリアルデザインのシンプルなカレンダー
- 9. 1回の移行で移行する
- 10. タブで作業するAndroidマテリアルデザイン
- 11. エンティティフレームワークの移行:移行中にタイムアウトSqlExceptionが発生する
- 12. Sails.jsに移行する0.12 - ミドルウェアの移行
- 13. データベースのインポート後に移行を移行済みとマークする
- 14. Android - マテリアルデザイン - NavigationView ScrollBarとThumb Color
- 15. マテリアルデザインlite masonry layout with cards
- 16. マテリアルデザインlite:mdl-layout__tab-barとページスクロール
- 17. レルムの移行:オブジェクトをリストに移行
- 18. マテリアルデザインに従ってリストビューを実装する方法アンドロイドのガイドライン?
- 19. adobe airに移行する
- 20. Prestashop 1.7に移行する
- 21. マテリアルデザインのアイコン - MD-アイコンタグは、Mozilla Firefoxの
- 22. マテリアルデザインでのフローティングアクションボタンの用途Android
- 23. ファイル入力タグにマテリアルデザインを適用する方法は?
- 24. Android Appでマテリアルデザインを使用するには?
- 25. カスタム行に移動する行Eclipse
- 26. WPFマテリアルデザインSnackbarの継続時間
- 27. md-menu-item上のバインド値クリックAngular2マテリアルデザイン
- 28. QMLマテリアルデザインの色が正確でない
- 29. JavaFXのImageViewに移行するには
- 30. ASP.net WebフォームをASP.net MVCに移行するまたは移行するには?