[angular4] タグが付いた質問
28 件の質問
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側
...