Skip to main content

[angular4] タグが付いた質問

タグの使い方はまだ書かれていません。

絞り込み
並べ替え
タグ付けされた
0
1 回答
122 閲覧数

PythonベースのGoogle App Engine で server side rendering用の server.jsを起動させたい

PythonベースのGoogle App Engine で angular-universal を動かしたいと思っています。 npm run build すると distフォルダに Server Side Rendering 用の server.jsと server側のjsファイルなどが入ったserverフォルダができ、同じくフロント側のソースも出力されます。distフォルダに移動して ...
1
1 回答
69 閲覧数

angular [...XXX] これはなにを意味するのでしょうか

angular version 4.4.4 になりますが、 this.tableInfo.dataList = [...this.tableInfo.dataList] このようなロジックを見つけまして、this.tableInfo.dataListはclassの配列になります。 同要素に対して [...XXX]を囲み代入しているのですが、何を意味しているのか分かりません。 ...
0
1 回答
340 閲覧数

angular2以降のイベント補足について

angular2にて、[innerHTML]で埋め込んだaタグのクリックイベントを取得したいのですが、良い方法がありましたら教えて頂けると幸いです。イメージ的にはjqueryのイベント補足のような感じです。 $(document).on('click', '#id', function (event) { // 処理 } よろしくお願い致します。
0
1 回答
659 閲覧数

paizaでローカルホストにアクセスできない

今、下記のソースを試してみようと思い、paizaでクラウドを借りて動かそうと試みています。 Angularをはじめ、必要なものをインストールしました。 https://github.com/MasaharuKomuro/internal-arbitrage/tree/master/src このソースの解説は、こちらです。 https://qiita.com/hedrall/items/...
0
1 回答
1,346 閲覧数

jasmineでExpected spy scroll to have been called

お世話になります。 jasmineでangularのテストを実施しています。今回のケースはngOnInitでwindow.scrollイベントが動いた事を確認するテストなのですが、subscribeだとspyOnが検知してくれず困っています。ご教授ください。テストコードは以下に記載します。 ts側(失敗する) public ngOnInit() { this.route.events....
0
0 回答
593 閲覧数

angular5のFormArrayの使い方について

下のarrayAは本来DBから取得しますが、取得したデータはtextとflagを持ったオブジェクトの配列です。 まずお聞きしたいのは画面初期表示時にデータをセットしたいのですが、formGroupの'attributes'に配列データをセットして、その配列の要素のtextをhtmlのinputフィールドに出したいのですがうまく動いてくれません。 ...
0
1 回答
95 閲覧数

AngularJSをAngular4にするには

◆(1)  https://plnkr.co/edit/QvG8I73sgQ5ox4LZhGwZ?p=preview のtoggleFlyInOutのスライドするアニメーションと ◆(2)  http://tsudoi.org/weblog/?p=2031 のようなng-viewを組み合わせて、ページのスライド遷移を考えているのですが、 Angular4で◆(2)のようなng-...
2
1 回答
104 閲覧数

Angularで画面に追加したアイコンをスムーズに動かしたい

Angularにて下記のようなHTMLとコンポーネントを用意しています。 IconInfoクラスではiconとicon名を持っています。 画面からボタンを押されると、addIconInfoが呼ばれるようになっており、 ボタンが押されるたびに画面にiconが追加されています。 そこでなのですが、iconが追加される際にアイコンが表示される領域の 一番下から徐々に上に上がっていくように(...
0
1 回答
66 閲覧数

Angular4で画像移動を止める

Angular4にて画像をX軸上に移動するようにしてみました。 ボタンを押したら、一時停止や、逆に動くようにしてみたいと思うのですが、 どのようにスタイルを切り替えていいのかがわかりません…。 なにかアドバイスをいただけると助かります。 ◆CSS .wrap { overflow: hidden; } .sliding { background: url('../...
0
1 回答
536 閲覧数

CSSで画像ボタンを押している最中は押し込み中の画像を表示したい

画像ボタンを押している最中は押し込み中の画像を表示したいです。 以下のようにすることでうまくいかないかと思ったのですが ボタン画像は表示されるものの、ボタンを押しても画像は変化しませんでした。 「active」の使い方が誤っているのでしょうか? ◆HTML <button class="btn-test" type="button"></button> ◆CSS ....
0
1 回答
2,022 閲覧数

Angular4で表示ページのurlを取得したい

Angular4でTypescriptで自身のURLを取得する方法はありますでしょうか? 以下のあたりを探っているのですが、 route: ActivatedRoute location: Location 以下のようなすべてのURLを取得する方法がわかりませんでした… http://xxxxx
0
1 回答
122 閲覧数

Angular4でスリープさせたい

数秒後に処理をさせたく、スリープのような処理を入れたいのですが、 どのように実施すればよいのでしょうか? private sleep(milliseconds: number) { return new Promise<void>(resolve => { setTimeout(() => resolve(), milliseconds); ...
0
1 回答
1,369 閲覧数

ngModelの入力を半角文字だけを入力できるようにしたい

全角の文字を入力させないようにしたくpatternなどで試してみたのですが、 全角も入力ができてしまったため、パイプを使ったらどうかと思い、 入力値の変換パイプを用意しましたが、以下のようなエラーが出てしまします。 Uncaught Error: Template parse errors: Parser Error: Got interpolation ({{}}) where ...
0
1 回答
231 閲覧数

Promiseのエラー処理について

以下を参考にPromise処理を追加しました。 https://angular.io/tutorial/toh-pt6 例えば、以下のような処理で this.http.getがエラーとなった場合、 「.catch」で指定した「handleError」が呼ばれることは確認できました。 たとえば特定のエラーの場合にgetHeroes()の呼びもとに返すことは可能なのでしょうか? 下記のような場合に★...
0
1 回答
383 閲覧数

Angular4のベースとなるRequest URLはどこで定義されているのでしょうか

Angular4にて下記を使用してWEB APIを実施しています。 this.http.get(url) Angular4のHTTPでデータが取得できない 上記ようなソースで、「InMemoryWebApiModule」を使わないようにしています。 実行すると下記のWEB APIが実行されており、 Request URL:http://localhost:4200/app/XXXX ...
0
1 回答
4,119 閲覧数

Angular4でアプリで外だしのファイルで設定値などを変えたい

Angular4でアプリで外だしのファイルで設定値などを変えたいです。 (説明が下手で申し訳ないです…) https://stackoverflow.com/questions/46001669/blank-page-except-index-html-with-angular-4-in-tomcat-environment ng build --prod --aot=false --...
0
1 回答
1,503 閲覧数

Angular4でHTTP通信(this.http.get(url))で取得したresponseがundefinedになる

Angular4でHTTP通信(this.http.get(url))で取得したresponseがundefinedになってしまいます。 以下ソースにログを埋め込んでみたのですが、 キャストの仕方が正しくないのでしょうか? ●getTest test: undefined ◎箇所でエラーが発生してしまいます。 ERROR Error: Uncaught (in promise): ...
0
1 回答
821 閲覧数

Angular4 directiveで取得したイベント通知をコンポーネントに反映させたい

ボタンを配置したコンポーネントで、 クリックイベントは反応していたのですが、タッチの場合、長押しなどがとれなかったので Directiveにイベントを登録してみました。 ボタンを押すことで★が通ることを確認できたのですが、 TouchDirectiveのonTouchstartで感知したあと、 TouchComponentに対し処理を行うにはどのようにすればよいのでしょうか? ...
1
1 回答
493 閲覧数

Angular4のHTTPでデータが取得できない

以下を参考にAngular4のHTTPについて勉強中です。 https://angular.io/tutorial/toh-pt6 サイトを参考にしてみたのですが★箇所で、ブレイクを張ってみているのですが herosはからとなってしまいます。 何か設定が足りない箇所はありますでしょうか? ◆hero.component.ts import { Component, OnInit } from '...
0
1 回答
66 閲覧数

Angular4のコンフィグファイルなどについて

Angular4を勉強中なのですが、 例えば外部ファイルなどで、個々の設定値などを持たせたい場合、 一般的にはどのようにしているのでしょうか? アプリ名\src\assets\設定ファイル.json のような形で用意する感じでしょうか?
0
1 回答
1,120 閲覧数

Angular4をTomcat環境で動かしたい

Angular4をTomcat環境で動かそうとしていますが、 ルーティングで指定したURLにアクセスするとエラーになってしまします。 【手順】 @angular/cliを使用して、「ng new testApp」を実施して空のアプリを作成しました。 その後、URLをいくつか用意しました。 ◇app-routing.module.ts import { NgModule } from '@...
0
1 回答
302 閲覧数

Angular4でエラーが出ている

Angular4で勉強中です。 @angular/cliを使用して、「ng new testApp」を実施して空のアプリを作成しました。 npm install ng serve --open うえのコマンドを実施して、ブラウザにサンプルが表示されることは確認できたのですが、 デベロッパーツールを見ると、コンソールにエラーが出ていました。 ローカルのアプリフォルダを見ると、...
1
1 回答
1,806 閲覧数

Angular(v4.0.0)でページ遷移する際、スクロール位置が保持される。

Angular(v4.0.0)でページ遷移する際に、遷移前のページのスクロール位置が遷移後のページに保持されたまま遷移してしまいます。 遷移方法は以下のようにrouterLinkを用いています。 <a routerLink="/page2"></a> <router-outlet></router-outlet> これは、Angular(v4.0....
1
1 回答
1,258 閲覧数

AngularのngForが4回実行される。

import { Component } from '@angular/core'; @Component({ selector: 'app-root', // templateUrl: './app.component.html', template:` <div *ngFor="let v of getArray();"> {{v}} ...
0
1 回答
173 閲覧数

Location.subscribe()がリークしてしまう

ブラウザのBackボタンが押されたことを検知するためにLocationクラスを使用しています。 https://angular.io/docs/ts/latest/api/common/index/Location-class.html export class PathLocationComponent { location: Location; constructor(...
0
1 回答
434 閲覧数

ng test時のconfigureTestingModuleの定義について

ng testにてUnitTestの実行を試みておりますが、 各importやconfigureTestingModule()の定義をテスト対象が使っている子Component/Service/Module/etc...をいちいち定義しなおさなければならず、Testそのもの以外の負荷を億劫に感じております。 気持ち的にはTestで頻出する定義は一か所にまとめたり、AppModuleの@...
4
0 回答
92 閲覧数

再利用されているページを表示した際に関数をコールしたい

RouteReuseStrategyを使用し、Backを押し前のページに戻る際にはページを再利用するようにしていますが Backで戻った際にngOnInit(),ngAfterViewInit()がCallされないようなので、ページ再突入時のトリガを掴むことができません。 Angularのlifecycleにもそれらしきハンドラがないようなのですが 何か方法ございますでしょうか?
0
1 回答
474 閲覧数

Angular4とAndroid/iOS(WebView/UIWebView)との値のやりとり

Android/iOSからjavascript側へ値を渡す方法として、以下の方法をとっていました Android側(iOSもほぼ同様) final String script = "javascript:window.toJS('%s');"; this.mWebView.loadUrl( String.format( script, param ) ); JavaScript側 ...