問題タブ [angular-ui]

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 投票する
3 に答える
4886 参照

angularjs - angle-uiIE8アコーディオン

IE8でAngular-UIブートストラップアコーディオンを使用すると、タブは展開されません。IE8のF12を使用して受け取ったエラーは次のとおりです

誰かが同様の問題を抱えていて、それを解決することができましたか?

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

angularjs - angular-uiアコーディオンをプログラムで制御する良い方法は何ですか?

http://angular-ui.github.com/bootstrap/のアコーディオン ディレクティブを使用しています。アコーディオンの開閉をより細かく制御する必要があります。

より正確に言うと、親アコーディオンを閉じて次のアコーディオンを開くボタンがアコーディオン グループ内に必要です (したがって、基本的に、close-others が true に設定されている場合に次のヘッダーをクリックするとどうなるかを模倣します)。また、アコーディオンを閉じて次のアコーディオンを開く前に、いくつかの検証を行う必要があります。また、アコーディオン ヘッダーのイベントをクリックするように接続する必要もあります。

私はAngularにかなり慣れていないので、現在Backbone + JQueryからAngularにアプリケーションを書き直しています。Backbone バージョンでは、Twitter Bootstrap アコーディオンを使用し、JQuery を使用してそれらを開閉していました。これを引き続き行うことはできますが、JQuery DOM 操作を完全に取り除きたいので、これに対する純粋な角度付きソリューションを探しています。

検証に関して私がやろうとしたことは

そして私のコントローラーで

DOM 要素がディレクティブに置き換えられ、クリック ハンドラが追加されないため、これは明らかに機能しませんでした。私はソース コードを調べてきました (そして、文書化されていない非常に優れた機能をいくつか見つけました) が、この特定の課題の解決をどこから始めればよいかについてさえ途方に暮れています。angular-ui をフォークして、この機能をアコーディオン ディレクティブに追加することを検討していましたが、ディレクティブを変更せずにこれを実現できれば、はるかに優れたものになります。

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

angularjs - AngularUI select2 onChange メソッド

これらの行に沿って何かを行うにはどうすればよいですか:

私のコントローラーでは、 onChange(select2OnChangeData) が定義されています。

これを追加してみました

angular-ui に変更しましたが、スコープ変数が変更され、残りの機能が壊れていました。

私は本当に控えたい:

.on("変更", 関数(e)

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

twitter-bootstrap - anglejsブーストラップアコーディオンが見出しを解決しない

http://angular-ui.github.com/bootstrap/のAccordionセクションからデモコードを直接コピーしましたが、heading = "{{group.title}}"がtitleプロパティを解決しないことを除いて、すべて機能します。私のWebページでは、アコーディオンの本文が正しく表示されていますが、タイトルとして{{group.title}}が表示されています。私は何が間違っているのですか?

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

angular-ui - AngularUIでui-select2ディレクティブを使用してselect2のリスト値を操作する

コントローラのisideからselect2の値を設定しようとしています。問題は、ng-optionsを使用すると、モデル値の変更がselect2リストに反映されないことです。

html:

js:

これがフィドルです

http://jsfiddle.net/je_et/6yyqg/

0 投票する
5 に答える
4490 参照

angularjs - カスタムディレクティブ内でタグが機能しないAngularUIselect2

入力フィールドにタグを定義して、AngularUISelect2ディレクティブを使用します。入力自体がカスタムディレクティブ内にある場合、入力は正しく初期化されず、コンソールでエラーが発生します。

query function not defined for Select2 tagging

これは、ディレクティブがコンパイル/リンクされる順序と、select2関数が呼び出される順序に関係しているのではないかと思います。

リンク関数の代わりにコンパイル関数またはディレクティブコントローラーを使用するなど、簡単な回避策があるのではないでしょうか。または、AngularUIselect2ディレクティブの問題である可能性があります。

問題を表示するプランカーを作成しました。

http://plnkr.co/edit/myE5wZ

だから私の質問は-カスタムAngularディレクティブ内からselect2タグをどのように機能させるのですか?

0 投票する
3 に答える
9218 参照

javascript - ui-select2によって作成されたリスト内のアイテムを選択できません

私のHTMLには、次の行があります。

およびprivsSelect2options機能:

3文字を入力すると、結果がフィルタリングされて正しく表示されますが、結果リストから項目をクリックして選択することはできません。誰かがこの問題で私を助けることができますか?それは機能にさえ入りませんformatSelection

0 投票する
7 に答える
85028 参照

javascript - Angularでアコーディオンのオープン/折りたたみイベントを処理する

私がこのコードを持っている場合:

AngularJS、angular-ui、Twitter Bootstrapを使用して、アコーディオンを開いたときに何らかのアクションを呼び出すことはできますか?ng-clickグループを開いたり折りたたんだりするためにHTMLに「コンパイル」された後、すでに使用されているため、単純に追加することはできません。

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

angularjs - Testacular Angular UI ブートストラップ「ディレクティブ」が必要です

Angular UI-Bootstrap ダイアログ ディレクティブを使用するコントローラーを単体テストしようとしていますが、エラーが発生しています: Argument 'directive' is requiredエラーです。

ui-bootstrap.min.jsこれは、Testacular 構成にファイルを含めるとすぐに実際に発生します。

コントローラーは次のように定義されます。

単体テストは次のとおりです。

UI-Bootstrap を統合する前は、すべてのテストに合格していました。

beforeEach(module('ui.bootstrap'));やその他のバリエーションをテストに追加しようとしましたが、うまくいきませんでした。

この作業を行うために欠けている魔法は何ですか?

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

jquery - Angular-UI jQuery パススルー vs angular.element()

Angular-UI Jquery Passthrough と angular.element() で提供される機能は何ですか?

それらは交換可能ですか?jQueryはangular.element()の追加オプションをパススルーしますか?

ng-app のそれぞれの力を示す良い例はありますか?