問題タブ [ui.bootstrap]

angularjs では ngAside を使用しています。angularjsベースのプラグインですui.bootstrap $modal。

私のコードでは、やng-swipeなどを使用しています。問題は、スワイプで複数のスライド メニューが開かれることです。スワイプジェスチャで実装するとボタンbtで配置するとうまく機能し、複数のインスタンスが開きます。とにかく、スワイプごとに1つのインスタンスしか開くことができませんng-swipe-leftng-swipe-right

HTML

コントローラ

私は ng-file-upload を使用しています ( https://github.com/danialfarid/ng-file-upload )

ただし、アップロード コントロールをディレクティブに入れてモーダルで表示すると、アップロードが機能しません。次のエラーが表示されます。

モーダル ダイアログで動作するようになった人はいますか。

モーダルは angular.ui.bootstrap からのものです

ありがとう

ここで plunkr をセットアップしました: http://plnkr.co/edit/NdHqQJ?p=preview

タスクをクリックすると、フォームデータをモーダルウィンドウにプッシュおよびプルしようとしています。モーダルの「解決」プロパティ（以下を参照）でこれを行うことができると読みましたが、実際に機能させることができませんでした。どんな洞察も大歓迎です。

詳細が必要な場合はお知らせください。

サンプルページからすべてを取得します。基本的に違いはありません。コントローラーと html 本体は、 https://angular-ui.github.io/bootstrap/のアコーディオンの例からの純粋なコピー ペーストです 。

私はすべてを試しました....

```

補足として、bower の依存関係を追加します。

コントローラーで $scope スープを回避するために controllerAs 構文を使用し、モーダル ビューを表示するために ui.bootstrap も使用しています。

現在のコントローラーと同じスコープを共有する modalInstace を開く必要があります。スコープを注入するときは、おそらく次のようなことができます。

ただし、スコープを挿入せず、controllerAs 構文を使用しているため、機能しません。

私が見つけたものから、データを渡すには resolve を使用する必要がありますが、関数を介して明示的に渡す必要があります。スコープ全体を渡す方法はありますか?

そのモーダルでやらなければならないことがたくさんあり、大量のデータを渡すのはやり過ぎのようです。

面倒だからやりたくない…

より良いアイデアはありますか？

ui.bootstrap 依存性注入が適切に機能しない理由を理解できません。依存関係を挿入すると、単一ページのすべてのコンテンツがすべて消えます。コンソール ログにエラーは表示されません。私はすべてうまくいったと感じていますが、何が問題を引き起こしているのかを確認するには、新しい目が必要です.

アプリに日付ピッカーを追加しようとしています:次のようにアプリを定義します:(app.js) var app = angular.module("scplApp",['ngRoute','ngAnimate','ui.bootstrap']);

次のようにコントローラーを定義します: (date-picker.js) app.controller('DatepickerDemoCtrl',['$scope', function ($scope) {...}]);

このエラーを取得する: エラー: $injector:unpr 不明なプロバイダー

ここで何が欠けていますか?? （UIデザインの新機能）

ui.bootstrap.accordion を使用していますが、uib-accordion-group 内のデータが変更されると、グループが折りたたまれるという問題が発生します。なぜこれが起こっているのかわかりません。私が注意する必要がある特定の何かがありますか？

ありがとうございました

HTML:

Javascript:

これら 2 つのコードは、サイトから取得したものとまったく同じです。ライブラリ ファイルは、他のプログラマーが私に言ったことから既にダウンロードされているはずですが、これらが正しい場所にあるのか、正しく呼び出しているのか疑問に思っています。

スクリーンショット