角 | Firefox | クロム | サファリ | オペラ | iOSサファリ | Android用のChrome |
|---|---|---|---|---|---|---|
| エッジ最後の5つのバージョン | 最後の5つのバージョン | 最後の5つのバージョン | 最後の3つのバージョン | 最後の4つのバージョン | 最後の3つのバージョン | 最後の3つのバージョン |
Angular CLIは、角のあるアプリケーションを初期化、開発、足場、および維持するためのツールです
Angular CLIをインストールするには:
npm install -g @angular/cli開発サーバーを介してAngularプロジェクトを生成して提供して、新しいプロジェクトを作成して実行します。
ng new my-project
cd my-project
ng servehttp:// localhost:4200/に移動します。ソースファイルを変更すると、アプリは自動的にリロードされます。
Angular CLIコマンドの詳細については、リンクをクリックしてください。
このライブラリをインストールするには、以下の手順に従ってください。
$ cd your-angular-project$ npm install amexio-chart-d3 --saveそして、あなたの角度のAppModuleから:
import { BrowserModule } from '@angular/platform-browser' ;
import { NgModule } from '@angular/core' ;
import { FormsModule } from "@angular/forms" ;
import { AppComponent } from './app.component' ;
// To import D3-Chart :-
import { AmexioChartD3Module } from 'amexio-chart-d3' ;
@ NgModule ( {
declarations : [
AppComponent
] ,
imports : [
BrowserModule ,
FormsModule ,
AmexioChartD3Module ,
] ,
providers : [ ] ,
bootstrap : [ AppComponent ]
} )
export class AppModule { } このライブラリをインストールするには、以下の手順に従ってください。
$ cd your-angular-project$ npm install amexio-ng-extensions@latest --saveそして、あなたの角度のAppModuleから:
import { BrowserModule } from '@angular/platform-browser' ;
import { NgModule } from '@angular/core' ;
import { FormsModule } from "@angular/forms" ;
import { AppComponent } from './app.component' ;
// Import your library
import { AmexioWidgetModule , CommonDataService } from 'amexio-ng-extensions' ;
// To import Charts
import { AmexioChartsModule } from 'amexio-ng-extensions' ;
//To import Maps
import { AmexioMapsModule } from 'amexio-ng-extensions' ;
// To import Dashboard
import { AmexioDashboardModule } from 'amexio-ng-extensions' ;
// To import Enterprise
import { AmexioEnterpriseModule } from 'amexio-ng-extensions' ;
@ NgModule ( {
declarations : [
AppComponent
] ,
imports : [
BrowserModule ,
FormsModule ,
AmexioWidgetModule ,
AmexioChartsModule ,
AmexioMapsModule ,
AmexioDashboardModule ,
AmexioEnterpriseModule
] ,
providers : [ CommonDataService ] ,
bootstrap : [ AppComponent ]
} )
export class AppModule { }| AMEXIOモジュール |
|---|
| amexiowidgetmodule |
| amexioformsmodule |
| amexiodatamodule |
| amexiolayoutmodule |
| amexiopanemodule |
| amexionavmodule |
| amexiomediamodule |
| amexiomapsmodule |
| AMEXIOCHARTSMODULE |
| amexiodashashboardmodule |
| amexioenterprisemodule |
デフォルトのテーマを使用するには、 ../node_modules/amexio-ng-extensions/styles/mda/at-md-blue.scss /amexio-ng-extensions/styles/mda/at-md-blue.scssをアプリstyles.scssにインポートするか、提供されている他のテーマについては以下の表を参照してください。
| AMEXIOマテリアルテーマ | Amexioテーマ |
|---|---|
| AT-MD-Gold-Amber | at-am-ocean-blue |
| AT-MD-Army-Olive | at-am-tiger |
| AT-MD-ash Stone Black | am-lime緑 |
| AT-MDブラック | at-am-matrix |
| AT-MD-Blue | AT-AM-SPICY-APRICOT |
| AT-MD-Blue-Grey | at-am-byzantine-crystal |
| AT-MD-Ginger-Bread | At-Am-Honey-Prussian |
| AT-MD-CERISE Magneta | at-am-persian-laguna |
| AT-MD-Charcoal Russet | at-am-burgandy-magenta |
| AT-MD-FERN-LIME | at-am-navy-grape |
| AT-MD-フレンキロース - マルベリー | at-am-matrix-amber |
| AT-MD-GRAPE-VOLIET | at-am-matrix-cream |
| AT-MD-HOT-PINK-FUCHSIA | at-am-matrix-maya |
| AT-MD-Saphire | at-am-matrix-ultra |
| AT-MD-Jungle-Mint | at-am-royal-kelly |
| AT-MD-Maya-Light-Blue | at-am-royal-pineapple |
| AT-MD-Mahogany Barny Red | |
| AT-MD-NAVYエジプト人 | |
| AT-MD-Raspberry Sangria | |
| AT-MD-RED MAROON | |
| AT-MD-SACREMENTO JADO | |
| at-md-yale azure | |
| AT-MD-TRONBONE ROYAL | |
| AT-MD-Pineapple-Flaxen | |
| AT-MD-Pumpkin-Fire | |
| AT-MD-Mauve-Orchid | |
| AT-MD-Honey-Mustard | |
| AT-MD-Bruntor-Tangerine |
この拡張機能は、Amexioマークアップ用のクイックコードスニペットとAngular Extensions用のAmexio TypeScriptを使用して、Visual Studioコードの開発者に役立ちます。
Amexio UIコンポーネントを選択します
必要なコンポーネントパラメーションを埋めます
Copyright©Metamagic Global Inc、2017-19。ニュージャージー州、米国。 Amexio Angular拡張機能。無断転載を禁じます。
インド、マハラシュトラ州プネのBetamagic Global Pvt Ltdは、米国ニュージャージー州メタマジックグローバルインクの完全子会社です。
Apache 2.0ライセンスに基づいてライセンスされています。 CCによるAmexio APIドキュメント4.0
楽しむ!