angularjs - Angular 4にアップグレードするためにUpgradeAdapterをインポートするときのエラー（インポート宣言は名前空間またはモジュールでのみ使用できます）

私はAngularJSアプリをAngular 4にアップグレードし始めており、次のようにアップグレードアダプターを使ってブートストラップしようとしています（アプリの「エントリーファイル」内で） - 関数はクロージャ内にあり、独立したapp.tsファイルにあります：

app.ts（以前は App.js でした）:

(function () { import { UpgradeAdapter } from '@angular/upgrade'; var adapter = new UpgradeAdapter(); adapter.bootstrap(document.body, ['portalHomeApp']); angular .module('portalHomeApp', ['shared']);

UpgradeAdapter の初期インポートでエラーが発生しています:

An import declaration can

続きを読む →

javascript - Angular2で2つのオブザーバブルをチェーンする方法、1つ目のオブザーバブルの値が2つ目に必要な場合

Angularで2つのオブザーバブルをチェーンしたいです。最初のオブザーバブルの出力が、2つ目のオブザーバブル関数のパラメータとして必要です。

私はこのようなオブザーバブルを作成しました:

storeData(response: any): Observable<any> { return Observable.create((observer) => { // storing the data in localstorage

続きを読む →

TypeScript - Angular 2/4 - サードパーティモジュールの拡張

背景 我々は、Angular 4で規模の大きいとされるウェブアプリを構築しています。明らかな理由から、データグリッドやその他のいくつかのコントロールのような高度な機能を導入するためにサードパーティのコンポーネントを使用しています。私はDevExtremeのコントロールを使用していますが、この質問は他のサードパーティのコントロールプロバイダーにも当てはまります。

問題文 将来、複数の場所でサードパーティのコンポーネントを使用している場合に、その基盤となるコンポーネント自体に新しい機能を追加したい状況に対して、どのように対策を講じることができるでしょうか。例えば、サードパーティのボタンコントロールを使用しているとします。ボタンをクリックすると、そのボタンが使用されているコンポーネント内のメソッドを呼び出す（onClickを使用）ようになっています。これまでは問題ありません。将来的に、各ボタンのクリック時にクリック頻度情報も取得して、特定のウェブページがクライアントによってどのように使用されているかのヒート

続きを読む →

TypeScript - ViewContainerRef、Angular 2

私はいくつかの動的なHTMLを前に追加したいです。ViewContainerRefはデフォルトでは、それを呼び出す要素の後にHTMLを追加します。だから、viewcontainer、ネイティブ要素、そしてviewcontainerの参照をよりよく理解するのを手伝ってください。私はViewContainerRefを使用してドロップダウンとカレンダーコンポーネントを作成しましたが、今はそれにもっと柔軟性が必要です。そのインデックス機能を使用する必要があり、要素を前に追加する必要があります。

続きを読む →

TypeScript - Angular HttpClient でレスポンスをモデルクラスにマッピング

こんにちは。私は新しい HttpClient を使ってレスポンスをモデルクラスにマッピングしようとしています。しかし、レスポンスにはモデルクラスの関数がまったく含まれていないようです。

これは正しいやり方ではないことは理解していますが、レスポンスをモデルクラスにマッピングするにはどうすればよいでしょうか？

私のAPIサービスからの取得:

listSimple(): Observable<Array<Airport>> { return this.http.get<Array<Airport>>(this.ai

続きを読む →

Rails、Angular 2 - Angularドラッグアンドドロップリストのインポート - 参照エラー: angularが定義されていません

私はちょうどAngular 2をRails 5.1で使い始めたところです。

CategoriesModule に angular-drag-and-drop-list をインポートしようとすると、Rails アプリケーションでエラーが発生します:

ドラッグアンドドロップされたファイルが読み込まれ、このエラーはその底部から発生します:

... })(angular.module('dndLists', []));

私は何を間違えているのでしょうか？npmでパッケージをインストールしたところ、package.jsonに次のように追加されました:

"angular-drag-and-drop-lists": "^2.1.0",

こちらが私のモジュールです：

import { N

続きを読む →

TypeScript - Angularでカーソルを追従させる方法は？

私はアニメーション付きのAngularでシンプルなアプリケーション（StackBlitzはこちら）を作成しました。これは、目を好きな方向に動かすために切り替えられる状態を使用しています。

今、マウスカーソルの動きに合わせて目がカーソルの方向を見るように、純粋なAngular/TypeScript（jQueryではなく）だけでマウスカーソルを追従させられるようにしたいです。

どんな提案でもありがたいです。

回答 #1

@HostListener デコレーターを使用することができます。こちらがライブ例です

続きを読む →

javascript - Bokeh + Angular2/4?

誰か、BokehのチャートをAngular2/4のウェブアプリケーションに適切に埋め込む方法の例を知っていますか？Bokehのスクリプトとdivを含むHTML文字列をinnerHTMLタグとサニタイズパイプでレンダリングしようとしましたが、うまくいきませんでした。

続きを読む →

angular - ソーティングと検索機能付きで mat-table を AngularFirestore と統合する

私はここで答えられたのとまったく同じことをやろうとしています：

mat-tableをAngularFirestoreと統合する

しかし、Mat-Tableでソートとフィルタリングを有効にしたいと思います。それは簡単ですか、それとも以下のような複雑なソリューションを実装する必要がありますか？

Angular Material 2 データテーブルを AngularFire2 または Firebase サービスに接続するには？

続きを読む →

TypeScript - Angularコンポーネントの変数が参照渡しでサービスに渡されない

JavaScriptのオブジェクトや配列が参照渡し（あるいは参照が値として渡される）であることを考えると、Angularのコンポーネント変数をサービスに渡してサービス内で変更を加えれば、その変更はAngularコンポーネントに反映されるはずです。

コード：

コンポーネント :

public onRowClicked(invoice) { this.rowService.onRowClicked(invoice, this.selectedrows); }

サービス：

public onRowClicked(invoice, selectedRows) { //make changes to selectedRows array }

this.selectedRows の値は変更されずに残ります（変更されることを期待しているのですが）

私の理解は間違っていますか？

続きを読む →