問題タブ [angular-pipe]

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 投票する
1 に答える
2486 参照

angular - Angular 2 パイプのトリガー

私はモデルのコレクションを持っています。テンプレートでは、パイプを使用します

各コンポーネントには、更新データ用のタイマーがあります。しかし、モデルが更新されると、パイプは再び実行されませんでした。この状況でパイプを強制的に実行する方法や、角度のある方法を実行する方法はありますか。

カードビューには、カード変数を更新するタイマーがあります。しかし、Angularはパイプをトリガーするためにこの変更をキャッチしません

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

arrays - Angular 2のhtmlテンプレート内にオブジェクトの配列を表示するには?

3d モデルのリストを持つ Web アプリを構築しています。angular 2の初期知識を得るために、練習目的でこれを行っています。

リストされた各モデルには、名前、メイン画像、カテゴリ、およびスライダー (画像の配列) があります。

モデル データ配列は次のとおりです。

特定のモデルを適切に表示するために使用されるサービスは次のとおりです。

モデルの詳細ページのテンプレートは次のとおりです。

これらは主に私が使用したものです: https://angular.io/docs/ts/latest/tutorial/

ただし、スライド配列をモデル詳細ページに表示する最も簡単な方法を使用しようとすると、[object Object] が表示されます。これはangular 2の一般​​的な問題である可能性があり、カスタムパイプを使用して解決できることを読みました。残念ながら、この特定のケースでどのように書くかはわかりません。

一般的な質問は次のとおりです: html テンプレートにオブジェクト (スライド) の配列を適切に表示し、それらを個別にimgタグにラップする方法。

プランカーの例のリンクは次のとおりです: http://plnkr.co/edit/HVo3dtGprMHsPYeyRWBR?p=preview

前もって感謝します、

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

angular - angular 2テンプレートタグでパイプを定義する方法

angular 1 ng-repeat-startおよびng-repeat-end の機能を使用するためにテンプレートタグを使用しています。正常に動作しますが、パイプを宣言する方法がわかりません。助けてください。

これに入れたい| customfilter:value | paginate:{itemsPerPage:4, currentPage: p}

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

date - パイプまたは変換をリアクティブ フォーム値に適用する

私は単純なリアクティブフォームを構築しています。簡単にするために、表示したいデータは日付だけだとしましょう。

test.component.html

test.component.ts

テンプレートの入力 type=date フィールドでは、日付を「yyyy-MM-dd」の形式にする必要があります。イベントの値は JavaScript の Date オブジェクトです。

入力値が正しくなるように、テンプレート レベルでデータを変更するにはどうすればよいですか?


私が試したこと:

これを行う 1 つの方法は、DatePipe をコンポーネントに挿入し、コードで変換を適用することです。

ただし、これにより、テンプレートの実装の詳細がコンポーネントに結び付けられます。たとえば、NativeScript テンプレートで日付を の形式にする必要がある場合はどうすればよいMM/dd/yyyyでしょうか? formGroup は無効になりました。

0 投票する
0 に答える
149 参照

javascript - パイプを別のパイプに戻す

これはAngular2へのフォローアップの質問です - 変数からパイプを割り当てます

私が探しているのは、変数名に基づいてパイプを使用する方法です。ギュンターが提案したことを試して、他のパイプを返すパイプを作成しましたが、別のパイプを返し、テキストとしてレンダリングされないようにするにはどうすればよいでしょうか?

次のパイプがあります。

しかし、次のように、日付文字列と「日付」引数を指定すると、次のようになります。

次のようにレンダリングしますinnerText

試してみ[innerHTML]ましたが、運もありませんでした。

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

angular - Angular 2 通貨パイプ

angular2で通貨パイプを使用していますが、現在使用しています

どの出力$480,000.00しかし、私が望む結果は$480k、これを達成することは可能ですか?