Angular

1/7ページ
  • 2020.06.30

Angular9でStripe Checkoutを使う方法

自分でフォーム作ろうかとも思いましたが、やはりセキュリティが心配なのでStripeチェックアウト使えないかと思い、調べましたがなかったので自分で作りました まずはプロジェクト作成 routingとかcss聞かれますけど適当に作成します まずはcheckout/jqueryのcdn追加 次はsrc/typings.d.tsを作成しますこのファイルは型定義がない場合の型を提供するためのファイルです探せ […]

  • 2020.05.21

Angular9 Universal https redirect + Heroku

現在Angular9で開発しているアプリにuniversalを入れているのですが、httpsにリダイレクトするための記事とかが見当たらなかったので、自分で開発しました 下の方に req とres の部分があるので、requestがhttpの場合強制的にhttpsに飛ばすようにしました 今回はUniversalを使っているプロジェクトでの導入方法ですが、expressとかでも同じコードを入れれば動く […]

  • 2020.05.12

AngularのFormGroupにArray要素を追加しボタンクリックで動的に追加するフォーム

こんな感じのarray絵を動的に追加できるようにしました 時間もなく、リファクタリングなどもできていませんが、とりあえず動いているコードの概要部分を共有します 必要ない部分も入っていますが、要所は確認できるはずなので、参考にしてください 参考記事 Angular 2 Cannot find control with unspecified name attribute on formArraysD […]

Error: Cannot find module ‘mongose’ の解決方法

expressにmongoseを追加してnpm runしたらエラーが発生しました 解決策:requireしたのがmongooseではなく、mongoseだったらしく、typoが原因でエラーが発生しておりました。。。 ※バージョンを確認しようとして、package.jsonを注意深く確認していたら、『あ」と思って書き直したら動いてしまいました。。。。 みなさまtypeには気をつけてください。。 参考 […]

Angular, highchartsのyaxisの高さ調節方法

公式ページのコードをコピペしているにもかかわらず、あり得ないぐらい高いグラフが表示されてとても気持ち悪かったので直しました 公式: 公式のコードをコピペして表示されたグラフ縦長すぎて一部分しか表示されておりません 修正後のグラフ 対処法yaxisにheightというプロパティを追加することで対処する事ができます 参考記事 yAxis

Angular6 Universal実行してみたらエラーが発生した

Angular何年も使ってきて初めてサーバーサイドレンダリングをやりました いうまでもなくエラーが結構出てきましたが、最後のやつだけ記録できればと思います ターミナルで以下のコマンドを実行してブラウザで確認したところこのようなエラーが出てきました [crayon-5eff9c711f1c4206903052/]   調べてみたところBrowserModule.withServerTran […]

Angular htmlで起こる TypeError: Cannot read property ‘name’ of null, undefinedの対処法

Angularのhtmlで変数を呼ぶと時々このようなエラーが起こることがあります [crayon-5eff9c711f5c1617714468/]   この問題はnameがnullやundefinedである状態でhtmlがレンダリングされることが問題で、 その結果としてhtmlがクラッシュしてしまいます しかし「 ?」マークを入れてやることで、nullやundefinedの状態であったと […]

1 7