問題タブ [ui.bootstrap]
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.
angularjs - angularモーダル内の応答を表示するためにAPIを呼び出す方法
自宅に表示されているノードのリストがあり、1 つのノードのタイトルをクリックすると、モーダルを開いてそのノードの詳細を表示する必要があります。私は次のように作業しています。
そしてモーダルインスタンスはこれです:
問題は、解決時にconsole.log(response)を実行すると、データが正しく表示されますが、パラメーター「イベント」としてeventModalInstanceControllerに正しく渡されないため、 console.log(event)を実行すると undefined が表示されることです。コンソール。
私のモーダルテンプレートはこれです:
私の質問は、どこで API 呼び出しを行う必要があり、それをインスタンス コントローラーに渡す方法です。
angularjs - ngAnimate と ui.bootstrap モーダルの何が問題になっていますか?
この例では
http://plnkr.co/edit/ETwexjK0HRu3b8WovoJq
モーダルを閉じても、背景は消えません。「ngAnimate」依存関係 (script.js の 4 行目) をコメント アウトすると、問題なく動作します。
私は何か間違ったことをしていますか、これは ngAnimate で使用した場合の ui.bootstrap のバグですか?
angularjs - 「disabled」属性の使用は廃止されました。「disable」を使用してください
先日angularjsをアップグレードしてから警告が出ています。ui.bootstrap モーダルを開くたびに発生します。
chrome-beta 44 で表示される警告は次のとおりです。
これはAngularの最新リリースで起こっていることですか? 何が起こっているのかを判断するために、これ以上時間を費やす必要がありますか? 今週、さまざまな理由を検討するのに数時間を費やしましたが、他のユーザーがこれを経験しているかどうか、また、他のユーザーがそれに対して何をしているのか (もしあれば) 疑問に思っています。
JS インクルード
- jQuery v2.1.3
- angularJS v1.3.15
- angular-ui-bootstrap v0.13.0
- ブートストラップ v3.3.1は、外部ロードが原因で問題が発生した場合にもロードされます
- angular-file-upload v1.1.5 github
私は何を試しましたか?
angularがこの警告を投げている場所を調べてみました。かなり難読化されており、スタック トレースが提供されないため、有用な情報は得られません。
ビューhtmlをチェックし、ang-disabledについてangularjs.orgでチェックしました。変更が見られなかった、または何かを見逃した/間違った場所を見た可能性があります。
angularjs - ui-bootstrap-tpls.min.js および angular.min.js を使用してドロップダウンから値を選択するモーダル ボックスを開くことができない
モーダルを開こうとしているドロップダウンから値を変更し、http 要求と本文を実行することになっていると、応答が入力されます。しかし、モーダルを開くことができません。どんな助けでも本当に感謝します。
angularjs - エラー: [$injector:modulerr] 次の理由により、モジュール アプリのインスタンス化に失敗しました: [$injector:modulerr] モジュール ui.bootstrap のインスタンス化に失敗しました
そして、ui 'ui.bootstrap' ファイルを asset\js\dependencies に配置しましたが、上記を表示しています
エラー: [$injector:modulerr] 次の理由によりモジュール アプリのインスタンス化に失敗しました: [$injector:modulerr] モジュール ui.bootstrap のインスタンス化に失敗しました: [$injector:nomod] モジュール 'ui.bootstrap' は使用できません! モジュール名のつづりを間違えたか、モジュールをロードするのを忘れました。モジュールを登録する場合は、依存関係を 2 番目の引数として指定してください。
javascript - Status.Open が Angular UI ブートストラップ アコーディオンで値を返さない
angular ui ブートストラップのアコーディオンの問題に直面しています。アプリケーションでよくある質問を表示するためにアコーディオンを使用しています。現在の問題は、「山形アイコン」クラスがトグルしていないため、「status.open」が値を返さないことです。
以下のコードを参照してください。
私は自分のアプリとコントローラーでアコーディオンを使用しています。
angularjs - 特定の場所で ng-touch を無効にする
私はカルーセルを使用してui.bootstrap
おり、そのためにng-touchを使用する必要があります。アプリを挿入すると、ngTouch
いくつかのブレーキがかかり、モバイルの入力をクリックできなくなります。特定のコントローラーを挿入するにはどうすればよいですか?
angularjs - ng-click引数オブジェクトキーをスコーププロパティにバインドしていますか?
変数キーを持つオブジェクトを ng-click メソッドに渡そうとしています。通常の JavaScript では、次のようにします。
通常、ng-click 経由でオブジェクトを送信するには、オブジェクト リテラルを引数として設定します。
しかし、引数のオブジェクトのキーをスコープ プロパティにバインドしたい場合はどうでしょうか。
これを試みると、構文エラーが発生します。ただし、この同じ構文を ui.bootstrap typeahead のtypeahead-on-select
メソッドで使用でき、機能します...理由はわかりません。
http://plnkr.co/edit/EfSvbP8fXBLoZhr8eWG5
スコープ プロパティをオブジェクト キーにバインドするにはどうすればよいですか?
angularjs - コントローラーAngularJSからテンプレートに変数を含むhtmlコンテンツを送信します
この問題を長い間探していた後、StackOverflow で最初の質問をすることにしました。誰でも私を助けてくれることを願っています。
さまざまなスライドで ui.bootstrap.carousel を実行しています。初期構造は次のとおりです。
ng-repeat とアクティブなステートメントを使用しなくても、最初は非常にうまく機能しました。カスタムの goToSlide() ボタンを設定したいときに問題が発生しました。周りを見回すと、ng-repeat 構文 (通常のブートストラップによって与えられる) を使用してのみ実行できることがわかりました。このようにしようとすると、スライドのすべてのコンテンツを JavaScript ファイルで宣言する必要があります。
次に、html で:
HTML コンテンツは適切に表示されますが、変数は表示されません。私もこれを試しました:
この問題の可能な解決策を知っているか、単に設定して ng-repeat 構文ではないアクティブなスライダーを設定しただけなら、とても感謝しています。
ご清聴ありがとうございました
angularjs - 日付ピッカーの開始点として使用するカスタム日付を構成します
ユーザーが日付ピッカーをポップアップしたときに開始点の日付を持つように、angular-ui.bootstrap から日付ピッカーを構成しようとしています。
このコード行が実際に機能することがわかりました。
実際には、入力ボックスとピッカーに値を入れます。しかし、最初は入力ボックスを空にしたいです。代わりに、プレースホルダーを表示したい。