Angular2/dynamicモーダルポップアップ

私はC＃と角度を学習し、ユーザーがdivをクリックすると詳細モーダルポップアップを表示したいと考えています。Angular2/dynamicモーダルポップアップ

可能であれば、詳細データをngforループから直接「ポップアップ」ウィンドウに送信できるとすばらしいことでしょう。そうでなければ、この関数に新しいweb.apiを呼び出すためにIdを渡すことができます。

いいえ、簡単な例がありますか？私はprimengを使用しようとしました（私の角2.4では残念ながら動作しません - いくつかのエラーがあります）、ng2-bs3-modalを試しました - これも実行中のアプリケーションを破壊し、角度2.4でも動作しないようです。だから私はそれをすべて削除した。私はangular2-modal

を使用してお勧めします

どうもありがとうラルフ

出典

2017-01-21 Ralf

は、ここでは、カスタムのモーダルを作成することにより、モーダルポップアップにngForからのデータを渡すことができる場所私が作った例です：plunker

出典

2017-01-21 18:48:24

こんにちは、あなたのお勧めに感謝します。（index）：30 ZoneAwareError {__zone_symbol__error：エラー：（SystemJS）予期しないトークン< \t SyntaxError：{0}は、予期しないトークン<エバールで \t（） \t ...、__zone_symbol__stack： "（SystemJS）予期しないトークン<↵\tにSyntaxError：Unexpe ... \tの読み込みエラーのhttp：// localhostを：14062 /アプリ/ main.js"、originalErr：にSyntaxError ：予期しないトークン< eval（） at SystemJSLoader .__ exec – Ralf

視覚スタジオで、私は現在、約900のエラーを受けました。 G：\ test \ src \ WebApplication2 \ node_module G：\ test \ src \ WebApplication2 \ typings \ globals \ core-js \ index.d.ts TS2300 \t重複する識別子 'PropertyKey'。 \t TypeScript Virtual TS2323 \tエクスポートされた変数 'Array'を再宣言できません。 \t TypeScriptバーチャルプロジェクト – Ralf

私はモーダルのみ（クリック）= "onSelect（アイテム）"と<テンプレート[ngIf] =なしでこれを解決しました。モーダルはうまく動作せず、何時間もかかってしまい、ちょうど実行しませんでした:(私はGoogleが他のコンポーネントなしで簡単な方法を実装することを願っています。 – Ralf

Angular2/dynamicモーダルポップアップ

答えて

関連する問題