問題タブ [angular-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 投票する
1 に答える
872 参照

angularjs - angular typeahead フィルター: html タグを使用する

次のように、先行入力候補リストに追加の項目を追加するために、角度のある先行入力付きのフィルターを使用しています。

HTMLでエンコードされた文字列を返したいのですが、角度は自動的にサニタイズします。提案どおり $sce を使用してみましたが、うまくいかないようです。plunkr は次のとおりです。

前もって感謝します。

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

angularjs - angular typeahead フィルター エラー「未定義は関数ではありません」

ここに作業中の plunkr があります: plunkrは、提案の先行入力リストにアイテムを追加するフィルターを定義して使用します。プロジェクトに取り込もうとすると、フィルターの周りでエラーがスローされます。これが私のコードです:

html:

脚本:

前もって感謝します。

編集:最後にフィルターを取り除き、結果を返すときにプロミス自体に最後のものを追加しています。

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

angularjs - Angular + Bootstrap Accordion、ブラウザの戻るボタンのアクションと対応するアイテムを開く

Bootstrap accordion(3.*.*)を使って実装しAngular JS (1.2.*)ました。ここでは、アコーディオンの各項目をクリックしたときにテンプレートをロードするために ui-router を使用しました。その正常に動作します。

しかし、アイテムをクリックするたびに次のエラーが発生します

以下の行でエラーが発生しています。ユーザーがブラウザの戻るボタンをクリックするたびに、対応するアイテムを開くための次の条件を確認しました。どうすればこれを修正できますか?

また、上記の状態は各商品2回確認しております。1つ用is-openglyphicon各アイテムの右隅にある変更用の別のもの。この長いチェックのコードを減らすにはどうすればよいですか?

ビュー自体の中で上記の問題を修正したいと思います。これをコントローラーから修正したくありません。

ここにフィドルがあります

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

angularjs - angularでモーダルを開く際のエラー

http://angular-ui.github.io/bootstrapにあるモーダルの例を試しています。アクションのボタンをクリックすると、ウィンドウがポップアップしたかのように画面がぼやけますが、そこには何も表示されず、モーダルを開くとコンソールに次のように表示されます

リソースの読み込みに失敗しました: サーバーはステータス 404 (Not Found) で応答しました --- 取得できません /function%20(a,b)%7Breturn%20b.templateUrl%7C%7C%22template/modal/window.html%22 %7D Uncaught TypeError: undefined は関数ではありません --- angular.min.js

私のコントローラー

私のテンプレート

この奇妙なエラーが表示される理由。バージョン 0.11.2 の ui-bootstrap-tpls.min.js とバージョン 1.3.1 の angular.min.js を読み込んでいます。ここで同じ種類の問題を参照しましたが、そのうちの1人が言ったように、更新されたバージョンもあります。どんな提案でも大いに役立ちます。

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

angularjs - angularでダイアログボックスを作成する方法は何ですか

angularでダイアログボックスを作成する方法を知りたいです。私が知ったのは$modal and $dialog、ダイアログボックスの作成に使用されることです。$dialogangularの最近のバージョンではサービスは廃止されていますか? に代わるものはあり$modalますか?

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

angularjs - angular ブートストラップ ツールチップがボタン グループを破棄する

ボタングループの各ボタンに angular-bootstrap ツールチップを追加しようとしています。これを行うと、右ボタンをホバリングすると、すべてのボタンのスタイルが破棄されます。

html:

js:

ここに私のプランカーがあります: http://plnkr.co/edit/NFjJJXEKyJHDgddcPdNa?p=preview

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

angularjs - AngularJS & Bootstrap モーダル フォーム。キャンセル時にデータが送信される理由

モーダル フォームで AngularJS と Bootstrap UI の問題に直面しています。フォームをキャンセルすると送信がトリガーされます。ここに私の問題を示す私のプランカーがあります。キャンセルすると、送信内にアラートが表示されますが、これは発生しないはずです。このスニペットの何が問題になっていますか?

マークアップ

角度

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

angularjs - tooltip-html-unsafe が機能しなくなった

を表示するツールチップがあるimgので、使用tooltip-html-unsafe しました Angular 1.3 (またはそれ以前) にアップグレードすると動作しなくなりました

  1. 0.12 にアップグレードしようとすると (私は 0.10 を持っています)、次のメッセージが表示されます:
    angular#>=1 <1.3.0 which resolved to 1.2.27 and is required by angular-bootstrap#0.12.0
    No 1.3 support?

  2. これがサポートされていないと仮定して、ツールチップに画像を配置する別の方法はありますか?

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

angularjs - Angular.js は、Firefox の Web 開発者コンソールが開いているときにいつでも動作を停止します

Firefox ブラウザーで Web 開発者コンソールを開いてページを更新すると、Angular.js (1.2.27)が機能しないという非常に奇妙な問題が発生します。angular.js が動作しているときに Web 開発者コンソールを開いたときにも発生します。

angular.js を機能させる方法は、FF で Web 開発者コンソールを閉じてからページを更新することです。「ヘイ プレストBulwinkle ...」と魔法のように機能します。

今、私の懸念は、なぜこれが起こっているのですか?

また、次のように angular.bootstrap を使用して、それを呼び出したり、ユーザーがページ上の特定のボタンをクリックしたときにリッスンしたりしています。

なぜこれが起こっているのかについての情報や洞察は膨らみます。前もって感謝します!