580
回編集
差分
提供: fukudat.net
ナビゲーションに移動検索に移動
→具体的な例
dist ディレクトリの下のファイルをサーバー上にデプロイする．
== 具体的な例 rxjs ==以下のようにインストール。
<pre>
$ npm install rxjs rxjs-compat
</pre>
src/app/app.module.ts に以下を追加。
<pre>
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
// ↓追加
import { HttpClientModule } from '@angular/common/http';
// ↑追加
import { AppComponent } from './app.component';
@NgModule({
declarations: [
AppComponent,
],
imports: [
BrowserModule,
// ↓追加
HttpClientModule,
// ↑追加
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
</pre>
== Material ==
テーブルとかポップアップとかアニメーションとかを使いたい時は、https://material.angular.io/ の get started にしたがって angular/material をインストール。
<pre>
$ npm install --save @angular/material @angular/cdk @angular/animations
</pre>
src/app/app.module.ts に使いたいモジュールを追加。
<pre>
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
// ↓追加
import { MatTableModule } from '@angular/material/table';
import { MatProgressSpinnerModule } from '@angular/material';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
// ↑追加
import { AppComponent } from './app.component';
@NgModule({
declarations: [
AppComponent,
],
imports: [
BrowserModule,
// ↓追加
MatTableModule,
MatProgressSpinnerModule,
BrowserAnimationsModule,
// ↑追加
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
</pre>
[[Category:Programming]]
