angular

既定のブラウザの確認方法(Windows10)

https://helpx.adobe.com/jp/flash-player/kb/cq01281725.html コントロール パネル > プログラム > 既定のプログラム > プログラムのアクセスとコンピュータの既定の設定

angular2 Attempted to assign to readonly property.

Component.tsと同じファイル内に、 inferfaiceを定義して、Componentのコンストラクタで値を設定しようとしたら、エラーになった。 EXCEPTION: Error during instantiation of AppComponent!. TypeError: Attempted to assign to readonly property. エラー…

EXCEPTION: No provider for Http

angular2で、画面を表示したら、ブラウザの開発コンソールにエラーが出た。 EXCEPTION: No provider for Http! ( Component -> Http) main.ts に2個目のbootstrapを足したときに、 , [HTTP_PROVIDERS]を書いていなかった事が原因っぽい。 bootstrap(MenuCom…

angular2 Component間データ受け渡し メモ

anguler2のチュートリアルを改造していて、 serviceで実行したHTTP POST通信の処理結果によって、 呼び出し元componentの画面を変更したくなった。 angular2 - Global Events in Angular 2 - Stack Overflow Service Events というものがあるらしい。 my app…

angular2 post通信

angular2でPOST通信をしようとしたら、エラーになった。 subscribeした後に、console.log出力しようとすると、undefinedのエラーになる。 たぶんsubscribeの中でRxJSが実際のPOST通信をしているけど、非同期でやっているので、 完了する前に、応答を格納する…

angular2 でHTTP POST(をクライアントとして実行)したときのエラー

angular2 で、Java Servletに向かって、http のpost methodをしたら、うまくいかなかった。 ブラウザのデバッグツールで通信内容をみたら、 他のPOST通信は、データ本体(body)が、 form data なのに、今回の通信は、 Request Payload だった。 解決策 reques…

Cannot POST /dummy_json/login_result.json( npm local-web-server のインストール)

npmコマンドで起動する、lite-serverで、 POST methodでアクセスするとエラーになる。 Cannot POST /dummy_json/login_result.json local web server local web serverなら、いろいろできるらしい。 https://www.npmjs.com/package/local-web-server npm ins…

angular2 + TypeScriptのステップ実行デバッグ メモ

Visual Studio Codeでステップ実行デバッグをする方法を調査中。 まずは、Visual Studio Codeからnode.jsのlite-serverを起動する方法を調べる。 ${workspaceRoot}/.vscode/launch.json "program": "${workspaceRoot}/node_modules/lite-server/bin/lite-ser…

angular2のチュートリアル

公式サイトのチュートリアルをやってみる。 Windows10 https://angular.io/docs/ts/latest/quickstart.html $ npm start > angular2-quickstart@1.0.0 start C:\Users\kkkkkkkkkubotti\Documents\test_angular\angular2-quickstart > concurrently "npm run …

Visual Studio Codeのインストール(MacOX)

Visual Studio Codeを入れて、 Angular (2.0) の開発に挑戦。 MacOSで。 ダウンロード https://code.visualstudio.com ダウンロードしたファイルを実行したら、起動した。 インストール不要? チュートリアル的なものを試す AngularJS 1系 Getting Started w…

npmコマンド(node.js)のインストール(MacOS)

Pycharmでangularを使おうとしたら、いろいろツールのインストールが必要だった。 環境は、 Mac OS X Yosemite Version 10.10.5 手順をメモったけど、PyCharmはversion5でないとangular2 + TypeScriptの開発が できない(やりにくい?)気がする。 Visual Stud…

TypeScript + npm で.jsファイルを別ディレクトリにする

Angular 2 + TypeScript + npm で.jsファイルを別ディレクトリにする。 Visual Studio Codeでangular2のチュートリアルをやっていたら、 .tsファイルがあるディレクトリに.jsと.js.mapというファイルが生成されて、 Visual Studio CodeのファイルEXPLORERが…

angular2でhttpのコードを追加したらエラーになった

angular2で、Http Clientの機能を使ってリモートサーバーと通信。 https://angular.io/docs/ts/latest/guide/server-communication.html チュートリアルのコードは動いたけど、 自分で作ろうとしたらエラーになった。 SyntaxError: expected expression, got…

Edgeブラウザでlocalhostのウェブページを表示

なぜかEdgeは、localhostに立てたウェブサーバーのページを開けなかった。 このページに到達できません。 対処方法 •URL が正しいことを確かめる: http://kubotti-computername1:8080 •ページを最新の情報に更新 •目的の情報を検索する HTML1300: ナビゲーシ…

Windows10でnpm installした時のエラーとhttp-serverのエラー

コマンドプロンプトから、 npm install でエラー。 > bower install bower ENOGIT git is not installed or not in the PATH npm ERR! Windows_NT 10.0.10240 npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_module…

iDempiereにangular2のUIを作る準備メモ その1

AngularJS 2.0でiDempiereのWebUIを作るための準備。 iDempiereの設定をしただけなので、この記事にはangularに関する内容は全くない。 iDempiereプラグイン新規作成 Eclipseのメニュー > File > New > Other... > Plug-in Development > Plug-in Project Pr…