Angular7.1.0と@ng-bootstrap/ng-bootstrapで質問です。component上に記載したbootstrapのモーダルについて、ページを表示した直後にいきなり動作させたいのですが、 https://ng-bootstrap.github.io/#/components/modal/examples を読んで何度試行錯誤しても上手くいかず悩んでいます。

いいサンプルをご存知の方は教えてください。よろしくお願いいたします。

回答の条件
  • 1人1回まで
  • 13歳以上
  • 登録:2018/12/21 21:42:13
  • 終了:2018/12/26 20:10:57

ベストアンサー

id:OTTii No.1

OTTii回答回数27ベストアンサー獲得回数42018/12/22 23:40:27

ポイント100pt

面白そうだったので、サンプルコードを作って公開しておきました。

https://github.com/masa-ottii/angular7-ngbootstrap-dialog-sample

なにか質問があれば、引き続き受け付けます。

他15件のコメントを見る
id:halohalolin

その後、
http://blog.yuhiisk.com/archive/2018/05/04/update-angular-to-v6.html
を参考に、同上のソースにおいて、angularのアンインストールと再インストールをやってみたらmodal関係のエラーが出なくなり、モーダル上の操作によって×を押したときもsaveを押したときも{{closeResult}}の値が変わるようになりました。

自分のオリジナルコードの方でも、Angularのインストールでおかしなところがあったのかもしれません。
とりあえず、OTTiiさんの内容から仕様の内容へカスタマイズをさせていただきます。
ありがとうございました。

以下参考:問題解決のためコマンドプロンプトから実施したコマンド

npm install -g @angular/cli@latest

ng update @angular/cli

ng update @angular/core

ng update @angular/material
※Package not installed: "@angular/material". Skipping.と返されたので、多分不要

npm install -g rxjs-tslint

rxjs-5-to-6-migrate -p src/tsconfig.app.json
※Cannot find any possible migrations と出たので、多分不要

npm uninstall rxjs-compat
※コマンド実行後、○×.component.ts の @Component({なんとか}); について急にエラー出だしたので、多分不要

npm install -g rxjs-tslint

ng serve --open

2018/12/27 20:02:58
id:OTTii

問題は解決したということですかね。
お疲れ様でした。よかったです。

2018/12/27 20:46:25

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません