著作権についてお問い合わせ【Angular】alertをカスタマイズ!SweetAlertの使い方!2019.03.02AngularHOMEITAngular【Angular】alertをカスタマイズ!SweetAlertの使い方!AdvertisementAngularでカッコイイalertを使いたい。いうのも、デフォルトのalertってちょっとダサいと思うのですよ。まとめ僕の環境OS:Windows10Angular:7最初に言っておくと。SweetAlertってなぜか色々種類があります。今回は、「angular-sweetalert-service」と「sweetalert」を入れてみましたが、「angular-sweetalert-service」の方はうまく動かないです。angular-sweetalert-service「angular-sweetalert-service」をインストールします。}「app.module.ts」に「SweetAlertService」を追加します。浩兵\Desktop\AngularCLI\angular-project\node_modules\angular-sweetalert-service\node_modules\@angular\core\@angular'アプリをサーブするとエラーが。「rxjs/Observable」が解決できないって言ってます。rxjs-compat調べてみると上記コマンドが有効なようなので、「rxjs-compat」をインストールします。念のため再サーブします。ワーニングが出ていますが、エラーは消えました。'angular-sweetalert-service';使用したいコンポーネントのTypeScriptに「SweetAlertService」をインポートします。※公式は「angular-sweetalert」になっていますが、間違いです。}「SweetAlertService」をDIします。(zone.js:423)実際に使ってみると、超エラー出ます。--save全然だめなので、こっちの「sweetalert」をインストールします。'sweetalert';使用したいコンポーネントのTypeScriptに「sweetalert」をインポートします。world!');こんな感じで使います。僕はAngularの勉強をするのに以下の書籍を購入しました。カエレバ楽天市場Amazonまとめなんかうまくいかないライブラリとかって多いですね。メンテされていないものも多いので注意が必要ですな。