問題タブ [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.

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

angularjs - angularモーダル内の応答を表示するためにAPIを呼び出す方法

自宅に表示されているノードのリストがあり、1 つのノードのタイトルをクリックすると、モーダルを開いてそのノードの詳細を表示する必要があります。私は次のように作業しています。

そしてモーダルインスタンスはこれです:

問題は、解決時にconsole.log(response)を実行すると、データが正しく表示されますが、パラメーター「イベント」としてeventModalInstanceControllerに正しく渡されないため、 console.log(event)を実行すると undefined が表示されることです。コンソール。

私のモーダルテンプレートはこれです:

私の質問は、どこで API 呼び出しを行う必要があり、それをインスタンス コントローラーに渡す方法です。

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

angularjs - ngAnimate と ui.bootstrap モーダルの何が問題になっていますか?

この例では

http://plnkr.co/edit/ETwexjK0HRu3b8WovoJq

モーダルを閉じても、背景は消えません。「ngAnimate」依存関係 (script.js の 4 行目) をコメント アウトすると、問題なく動作します。

私は何か間違ったことをしていますか、これは ngAnimate で使用した場合の ui.bootstrap のバグですか?

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

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でチェックしました。変更が見られなかった、または何かを見逃した/間違った場所を見た可能性があります。

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

angularjs - ui-bootstrap-tpls.min.js および angular.min.js を使用してドロップダウンから値を選択するモーダル ボックスを開くことができない

モーダルを開こうとしているドロップダウンから値を変更し、http 要求と本文を実行することになっていると、応答が入力されます。しかし、モーダルを開くことができません。どんな助けでも本当に感謝します。

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

angularjs - エラー: [$injector:modulerr] 次の理由により、モジュール アプリのインスタンス化に失敗しました: [$injector:modulerr] モジュール ui.bootstrap のインスタンス化に失敗しました

そして、ui 'ui.bootstrap' ファイルを asset\js\dependencies に配置しましたが、上記を表示しています

エラー: [$injector:modulerr] 次の理由によりモジュール アプリのインスタンス化に失敗しました: [$injector:modulerr] モジュール ui.bootstrap のインスタンス化に失敗しました: [$injector:nomod] モジュール 'ui.bootstrap' は使用できません! モジュール名のつづりを間違えたか、モジュールをロードするのを忘れました。モジュールを登録する場合は、依存関係を 2 番目の引数として指定してください。

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

javascript - Status.Open が Angular UI ブートストラップ アコーディオンで値を返さない

angular ui ブートストラップのアコーディオンの問題に直面しています。アプリケーションでよくある質問を表示するためにアコーディオンを使用しています。現在の問題は、「山形アイコン」クラスがトグルしていないため、「status.open」が値を返さないことです。

以下のコードを参照してください。

私は自分のアプリとコントローラーでアコーディオンを使用しています。

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

angularjs - 特定の場所で ng-touch を無効にする

私はカルーセルを使用してui.bootstrapおり、そのためにng-touchを使用する必要があります。アプリを挿入すると、ngTouchいくつかのブレーキがかかり、モバイルの入力をクリックできなくなります。特定のコントローラーを挿入するにはどうすればよいですか?

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

angularjs - ng-click引数オブジェクトキーをスコーププロパティにバインドしていますか?

変数キーを持つオブジェクトを ng-click メソッドに渡そうとしています。通常の JavaScript では、次のようにします。

通常、ng-click 経由でオブジェクトを送信するには、オブジェクト リテラルを引数として設定します。

しかし、引数のオブジェクトのキーをスコープ プロパティにバインドしたい場合はどうでしょうか。

これを試みると、構文エラーが発生します。ただし、この同じ構文を ui.bootstrap typeahead のtypeahead-on-selectメソッドで使用でき、機能します...理由はわかりません。

http://plnkr.co/edit/EfSvbP8fXBLoZhr8eWG5

スコープ プロパティをオブジェクト キーにバインドするにはどうすればよいですか?

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

angularjs - コントローラーAngularJSからテンプレートに変数を含むhtmlコンテンツを送信します

この問題を長い間探していた後、StackOverflow で最初の質問をすることにしました。誰でも私を助けてくれることを願っています。

さまざまなスライドで ui.bootstrap.carousel を実行しています。初期構造は次のとおりです。

ng-repeat とアクティブなステートメントを使用しなくても、最初は非常にうまく機能しました。カスタムの goToSlide() ボタンを設定したいときに問題が発生しました。周りを見回すと、ng-repeat 構文 (通常のブートストラップによって与えられる) を使用してのみ実行できることがわかりました。このようにしようとすると、スライドのすべてのコンテンツを JavaScript ファイルで宣言する必要があります。

次に、html で:

HTML コンテンツは適切に表示されますが、変数は表示されません。私もこれを試しました:

この問題の可能な解決策を知っているか、単に設定して ng-repeat 構文ではないアクティブなスライダーを設定しただけなら、とても感謝しています。

ご清聴ありがとうございました

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

angularjs - 日付ピッカーの開始点として使用するカスタム日付を構成します

ユーザーが日付ピッカーをポップアップしたときに開始点の日付を持つように、angular-ui.bootstrap から日付ピッカーを構成しようとしています。

このコード行が実際に機能することがわかりました。

実際には、入力ボックスとピッカーに値を入れます。しかし、最初は入力ボックスを空にしたいです。代わりに、プレースホルダーを表示したい。