問題タブ [angular-ui-modal]

私は別のhtmlファイルにモーダルテンプレートを持っていますが、ページが最初にロードされた後、コンテンツなしでモーダルウィンドウが開き、2回目はすべて問題ありません。これはどのように修正できますか？

これがプランカーですhttp://plnkr.co/edit/lw056nAaU7BfqIVZSddb?p=preview

ボタンクリックイベントに型パラメータを追加すると、モーダルコンテンツの変更を試みました。

したがって、type1 modal または type2 modal を選択した場合、コンテンツはそれに応じて変更されず、モーダル コンテンツは type2 のみに変更されます。私はスクリプトで次のようにします：

http://plnkr.co/edit/9VWvsPw4PzflKZDII5H0?p=preview

どのように修正できるか考えていますか？:)

各モーダルのボタンリストからボタンを追加しようとしています。

脚本：

HTML:

各ボタンには独自のクラスがあるため、リスト クラス プロパティに追加しました。しかし、ng-class には {{item.class}} が表示されません

そして、これらのボタンに機能を追加することはできません。私はこれを試しました：

http://plnkr.co/edit/NeLthqUuZtw0VyVzd0Ig?p=preview

$uibModal を使用して、親ウィンドウの解決内から別のモーダル ウィンドウを開くという問題に遭遇しました。その解決引数で。

動作する例と動作しない例の唯一の違いは、 setTimeout を使用して内部ポップアップが開くのを遅らせることです。

失敗例 - setTimeout の使用

作業例 - setTimeout なし

内側のポップアップを開くために開かれている外側のポップアップに依存しないため、なぜこれが起こっているのかわかりません。

plunkr を参照してください:こちら

アップデート

興味深いことに、モーダルをオフに設定してから、解決引数を使用して別のモーダルを開こうとした場合でも、最初のモーダルとは関係ありませんが、2 番目のモーダルで解決が完了するまで表示されません。私が知っている現実世界のシナリオではありませんが、その理由を理解したいと思っています。

この質問では、絵は言葉よりも説明的です。

注: 2 つのブロックは異なるモジュールを表します。描画された階層は、アプリケーション テンプレートと ui-router のセットアップ方法に由来します。

コントローラーから ui-modal インスタンスを作成しようとしていますが、モーダルのコントローラーとしてCtrl2使用したいだけでなく、アプリケーションの選択した階層を尊重するために親スコープとして使用したいと考えています。Ctrl4Ctrl3

親スコープの設定に問題があります。

ui-modal apiは、モーダルの作成時に渡すことができるオプションを提供しscopeます。これは実際には親スコープです。

これはうまくいきませんでした：

私の質問は次のとおりです: Ctrl4 と Ctrl3 の間の階層とプロトタイプの継承を尊重するために、モーダルの親スコープとして設定するにはどうすればよいですかCtrl3(それが最終的に本当に必要なものです)。

Pinterest スタイルのリスト ページを実装しようとしています。ピンをクリックすると詳細ポップアップが開き、URL がhttp://pinterest.com/pin/123456のようなものに変わります。しかし、ページは無傷です。ポップアップが閉じられても、後ろのページはまだそこにあります。

「pushState」機能を使用して、ページを更新せずにブラウザーの URL を変更する履歴 API の同様の機能を確認しました。

Angular で同じことを実装したいのですが、ブラウザの URL が pushState を介して変更されるとすぐに、デフォルトの「状態変更」イベントのためにバックグラウンド ページがリロードされます。

任意のアイデアをいただければ幸いです。

UIブートストラップモーダルが開かれたときにブラウザのURLを一時的に変更したい（背後のページはそのままで、URLのみが変更されます）。モーダルが閉じられると、URL は元の URL に戻されます。

手順 :

1. ユーザーがページを読み込む
   • URL : xyz.com/home
2. ユーザーがリンクをクリックすると、モーダルが開きます
   • URL : xyz.com/detail/123
   • 可能な解決策：html5プッシュ状態でURLを変更する
   • 問題 : Angular ui-router は、変更された URL に従ってルートを実行しようとし、最終的にバックグラウンド ページを変更します。
3. ユーザーがモーダルを閉じる
   • URL : xyz.com/home
   • 可能な解決策: html5 ポップ状態
   • 問題 : バックグラウンド ページをリロードするため、目的が失われます

実装例：Pinterest のピンとそのピンの詳細ポップアップ。

ノードを目的のフォルダーに追加しようとしていますが、残念ながら成功しません。考え方は単純です。ボタンをクリックすると、ノードの名前と説明などのパラメーターを入力するモーダルが表示されます。値は http 要求から動的に取得されます。ノードを保存するフォルダーを選択することもできますが、何らかの理由でノードが各親に表示されます。フォルダーを探していて、どこが間違っているのかわかりませんか? 私の問題でプランカーを再現しました

私のコード: