問題タブ [angular-ui-bootstrap]

この例に基づいて、オプションオブジェクトのresolve属性を使用するダイアログの例を含むこのプランカーがあります。 基本的に私がやりたいのは、ダイアログテンプレートで使用されるタイトル変数を渡すことです。

ダイアログオプションオブジェクトのresolve属性を使用する：

次に、それをダイアログコントローラに挿入し、$scope変数に割り当てます。

しかし、私はこのエラーを受け取ります：

エラー：不明なプロバイダー：azertyProvider <-azerty

angular-ui / bootstrap $dialog サービスを使用しています

messageBox 内にパーシャルをロードすることは可能ですか? タイトルとフッターを取り、メッセージ パラメータのみを変更します。したがって、部分テンプレートにヘッダーとフッターを含める必要はありません。

この例http://plnkr.co/edit/ttobdpirZlnEQBE3LOeZでは、「msg products」をクリックすることで期待される動作を示しています。

実例： http： //plnkr.co/edit/wWS3UFB3IZ0cAI4u2x04？p = Preview

「OpenModal1」をクリックすると、次のエラーがスローされます。

エラー：Dialog.openに必要なテンプレートまたはtemplateUrlが見つかりませんでした。オプションまたはopenメソッドを使用して指定します。

ただし、を使用しないModal2はng-include正常に動作します。

また、ui-bootstrap-tpls-0.1.0.jsの代わりにが含まれている場合はui-bootstrap-tpls-0.2.0.js、すべて正常に機能します。

何か案は？

実際の例

次のAngular UI Bootstrap Modalを追加します。

結果:

idおよびclass属性が削除されるのはなぜですか?

ダイアログの幅など、ダイアログに CSS スタイルを設定したり、ダイアログの内部要素のスタイルを設定したいと考えています。どうすればそれを達成できますか？

現在、すべてが非常に「新鮮」です。Angularシードプロジェクトがあり、非同期インデックスページを使用しています。angle-bootstrapのリファレンスを追加すると爆発します。非同期スタイルをロードしない場合、これは発生しません。

$ scriptローダーでAngularUIブートストラップを使用するにはどうすればよいですか？

私が得ているエラーは次のとおりです。

アップデート

私のコードは、実際にはindex-async.htmlファイルを使用した単なるシードテンプレートです。次に、bootstrap-uiを追加（または試行）しました。関連する部分は次のとおりです。

次に、app.jsで次のことを行います。

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

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

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

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

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

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

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

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

AngularUIディレクティブでBootstraptypeaheadを使用する<input>があります。ドロップダウンでの値の表示と選択は正常に機能します。

ただし、ドロップダウンオプションの1つではない値を入力に入力すると、この値はモデルプロパティにバインドされません。それでも、私が入力したものは、有効な入力であるかのように入力に残ります。

以下の例では、autocomplete.referrers配列のオプションではないテキストを入力に入力すると、このテキストはregistration.referrerにバインドされません。

入力を正しく構成しましたか？

おそらく、ランダムなテキスト入力の制限は仕様によるものですか？

あなたがこれに答えることができればどうもありがとう。

Angular UIで Bootstrap タブを使用するときに、どのタブが選択されているかを知る方法はありますか?

ペインの配列を見てみましたが、タブを切り替えても更新されないようです。タブが選択されたときにコールバック関数を指定できますか?

コード例で更新します。

コードは、Angular UI ブートストラップ ページの例に非常に従っています。

マークアップ:

コントローラ：

Angular UI Bootstrap ダイアログは実装が簡単ですが、カスタマイズが困難です。

いったいどうやって幅を変えるのですか？それとも最大幅？

http://angular-ui.github.com/bootstrap/#/dialog

私は$dialog.dialog({width:600})他のバリエーションを試しましたが、喜びはありません。