問題タブ [angular2-template]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
4 に答える
980 参照

angular - templateUrl 読み込みエラーをキャッチする方法

コンポーネントのテンプレートのリクエストが配信できない場合 (ステータス コード 400 など)、アクション (リダイレクトなど) を実行するためにエラーをキャッチする方法はありますか?

ありがとう。

0 投票する
1 に答える
79 参照

meteor - コレクションからドキュメントを削除すると、すべてのクライアントのビューが更新されるわけではありません。なんで?

私はAngular2 Beta 1を使用しているAngular2-meteorを使用しています(現在)。

以下を含む単純なコンポーネントがあります。

  • ドキュメントを追加するボタン。新しいドキュメントは、その _id で削除するためのボタンとともに表示されます。
  • _id によって各ドキュメントを削除する collection.find()をループする [すべて削除] ボタンもあります。

それはほとんど正常に動作します。ドキュメントを追加したり、個別の削除ボタンで削除したりできます。「すべて削除」すると、データベースからすべて削除されます。カーソルは 0のcount() を報告します。新しい collection.find().count() は 0 を報告しますremoveAll()。他のドキュメントは引き続きブラウザに表示されます。ページをリロードすると、データベースの正しい内容が表示されます。接続されている他のクライアントは、常にコレクションの正しい内容を表示します。を開始したクライアントだけremoveAll()が影響を受けます。

テンプレート、「すべて削除」ボタン、およびドキュメントを表示する *ngFor

コンポーネント:

0 投票する
1 に答える
1720 参照

angular - Angular2 での NgFor のフィルタリング

配列の要素の一部を表示したい。次のコードに示すように、配列がパイプでフィルター処理されている場合、配列の更新は DOM に反映されません。

https://plnkr.co/edit/1oGW1DPgLJAJsj3vC1b1?p=preview

この問題は、配列フィルター メソッドが新しい配列を作成するために発生するようです。データバインディングを壊さずに配列をフィルタリングするにはどうすればよいですか?

0 投票する
2 に答える
16776 参照

angular - ドロップイベントがAngular 2で機能しない

angular 2でアップロードコンポーネントを構築していますが、問題に遭遇しました。(drop)イベントが機能していません。これは私の実装です

私は何か間違ったことをしていますか?イベントに存在しない関数を入れても(drop)、角度はエラーになりません。

0 投票する
5 に答える
86142 参照

angular - カスタム要素に ngModel を実装するには?

input単純な要素が与えられた場合、私はこれを行うことができます:

これは私のカスタム要素では機能しません:

どうすれば実装できますか?

0 投票する
18 に答える
275043 参照

angular - OrderBy パイプの問題

このコードを Angular 1 から Angular 2 に変換できません:

これは、ティエリー・テンプリエの答えに従って私がやったことです:

コンポーネント テンプレート:

コンポーネントコード:

パイプコード:

Todoプロパティ によって並べ替えられた の配列をソートしようとしていますcompleted。最初todo.completed = falsetodo.complete = true.

transformメソッドと、そのメソッドとメソッドで引数を渡す方法がよくわかりませんsort

args: string議論は何ですか?それらは何ab、どこから来たのですか?

0 投票する
1 に答える
138 参照

typescript - HTML テンプレートが Angular2 のすべてのコンポーネント変数を受信して​​いません

したがって、私の問題は、html テンプレートに送信したい 3 つの変数がありますが、そのうちの 1 つしか取得できないことです。

私のhtmlテンプレートは次のようになります。

そして私のコンポーネント

私のエラー

[RoleEdit@29:11 のモジュール] で異なるサポート オブジェクト '[オブジェクト オブジェクト]' が見つかりません

{{role?.ID}} を使用した非同期呼び出しの疑問符について知りました。ngFor ループはそれらを好まないように見えますが、それが私の問題である可能性が最も高いと思います。ありがとう!

編集:

これがコードの詳細です。role.services の内容と JSON です。

これが私のrole.servicesです

そして、これが私がキャプチャしようとしている私のJSONです。

0 投票する
4 に答える
9825 参照

typescript - Angular2 で NgFor の結果に対してどのように関数を実行しますか?

システム内のすべてのユーザーのリストを検討してください。

次に、プロジェクトのユーザーのリスト:

したがって、ユーザーIDを取得して残りのユーザー詳細を検索するための簡単な関数があります。

次に、テンプレートで *ngFor を使用してリスト内のユーザーをループしますが、詳細の完全なセットを検索する必要があります

うまくいきません...カスタムコンポーネントやその他のより複雑なものを作成しないと、ユーザーごとに getUser 関数を実行する方法がわかりません。もちろん、次のように何度も実行できます。

しかし、これは最善の方法ではないようです。userId 変数にアクセスしてローカル変数として設定する簡単な方法はありますか?

ここに私がこれまで遊んできたもののプランカーがあります