- 2020.06.30
Angular9でStripe Checkoutを使う方法
自分でフォーム作ろうかとも思いましたが、やはりセキュリティが心配なのでStripeチェックアウト使えないかと思い、調べましたがなかったので自分で作りました まずはプロジェクト作成 routingとかcss聞かれますけど適当に作成します まずはcheckout/jqueryのcdn追加 次はsrc/typings.d.tsを作成しますこのファイルは型定義がない場合の型を提供するためのファイルです探せ […]
Angular
1/7ページ
- 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 […]
- 2020.05.07
runtime/plyfills/main, Angular9のbuildを動かしたらエラーが発生
expressで動かしたらエラーも何も出さないので、http-serverで動かしたとところ上記エラーが発生 調べたところ、hrefの値を変更することでとりあえず対応できました 参考記事 angular runtime, styles and polyfiles get a 404 error on my web server
Error: Cannot find module ‘mongose’ の解決方法
expressにmongoseを追加してnpm runしたらエラーが発生しました 解決策：requireしたのがmongooseではなく、mongoseだったらしく、typoが原因でエラーが発生しておりました。。。 ※バージョンを確認しようとして、package.jsonを注意深く確認していたら、『あ」と思って書き直したら動いてしまいました。。。。 みなさまtypeには気をつけてください。。 参考 […]
- 2020.03.21
- highcharts,
Angular, highchartsのyaxisの高さ調節方法
公式ページのコードをコピペしているにもかかわらず、あり得ないぐらい高いグラフが表示されてとても気持ち悪かったので直しました 公式： 公式のコードをコピペして表示されたグラフ縦長すぎて一部分しか表示されておりません 修正後のグラフ 対処法yaxisにheightというプロパティを追加することで対処する事ができます 参考記事 yAxis
- 2019.04.17
- angular, javascript, node.js, ssr, typescript,
Angular6 Universal実行してみたらエラーが発生した
Angular何年も使ってきて初めてサーバーサイドレンダリングをやりました いうまでもなくエラーが結構出てきましたが、最後のやつだけ記録できればと思います ターミナルで以下のコマンドを実行してブラウザで確認したところこのようなエラーが出てきました [crayon-5eff9c711f1c4206903052/] 調べてみたところBrowserModule.withServerTran […]
- 2019.03.20
- angular, javascript, node.js,
Angular Arrayの要素を削除する方法
Arrayの要素削除の方法としてはsliceという選択肢が手っ取り早いですが、 こちらの方法でもいけるみたいです [crayon-5eff9c711f32b240461024/] 参考記事 remove item from stored array in angular 2
- 2019.03.19
- angular, javascript, typescript,
Angular [select [value]=”val” ]で[object, object]になるエラー解消
ngForでループさせて[value]でデータやりとりできるかと思っていましたが、どうやらできないようでした このように修正すると解決できました [crayon-5eff9c711f477280096043/] 参考記事 Binding select element to object in Angular
- 2019.03.10
- angular, javascript, typescript,
Angular htmlで起こる TypeError: Cannot read property ‘name’ of null, undefinedの対処法
Angularのhtmlで変数を呼ぶと時々このようなエラーが起こることがあります [crayon-5eff9c711f5c1617714468/] この問題はnameがnullやundefinedである状態でhtmlがレンダリングされることが問題で、 その結果としてhtmlがクラッシュしてしまいます しかし「 ?」マークを入れてやることで、nullやundefinedの状態であったと […]