問題タブ [angularjs-bootstrap]

「アプリ設定」がサーバーから届くまで、AppCtrl の初期化とルート変更を遅らせたいと思います。

ui-routeとui-stateを含む AngularJS-boilerplate を使用しています。これまでに見つけた解決策のどれも、AppCtrl の起動とルーティングを実際に延期しませんでした。

「解決時」を除いて、すべてのconsole.logは起動時に発生します。

Javascript app.js

Javascript foo.js

Angular Bootstrap Typeahead に promise を渡そうとしていますが、常に次のエラーが発生します: TypeError: Cannot read property 'length' of undefined

工場：

コントローラ：

テンプレート：

古いバージョンの Angular Bootstrap-UI 0.5.0 では、すべて正常に動作していました。問題は Bootstrap-UI 0.6.0 (bootstrap3_bis2) にあります。 https://github.com/angular-ui/bootstrap/tree/bootstrap3_bis2

angularjs で単純なフロント エンドを既に構築していると仮定すると、フロント エンドに angularjs-bootstrap を含め、対応するディレクティブと css を使用するために必要な手順は何ですか?

ここにピクルスのディリーがあります。Web サービス呼び出しからマルチレベル ナビゲーション メニューを取得する必要があります。

私のナビゲーション メニューには無限のサブメニューを含めることができるため、親/子ナビゲーション構造を構築するために再帰ディレクティブを使用する必要がありました。今、それを機能的なドロップメニュー構造に変える方法を見つけようとしています。angularui-bootstrap を見ていましたが、いくつかの基本的なドロップメニュー機能を備えたドロップダウン トグルがありますが、再帰ディレクティブを使用したため、メニュー構造には既に angularjs で生成された css クラスがアタッチされています。angularjs-bootstrap ドロップメニューには、angularjs で生成されたクラスとは異なる css クラスがあります。

これは、再帰ナビゲーション メニューの最終出力として生成される html の例です。このように設定すると、すべてのサブメニューの ng-click がアクティブになり、メイン コントローラーと同じスコープを持ちます (ドロップ メニューのように見えないことを除けば、すべてダンディです)。

angularjs-bootstrap のドロップメニュー構造の例を次に示します。

私のものとは非常に異なるcssクラス構造を持っているため、angularjs-bootstrapの「ドロップダウン」は私のものでは機能しません。

誰か私に提案はありますか？Web サービス呼び出しを介して json を介してナビゲーション構造を取得しているため、親/子メニュー構造を作成するには、再帰的な angularjs を使用する必要があることに注意してください。

ここで生成されたディレクティブ html について誰かが混乱している場合は、カスタム ディレクティブ コードを表示できますが、簡潔にするよう求められない限り表示しません。私のカスタム ディレクティブ コードは、ナビゲーション構造を構築するためだけに機能し、すべてのディレクティブ スコープをメイン コントローラーのスコープに接続したままにします (つまり、アクティブなクリック) が、スタイル/スクロール アクティブではありません。

*****UPDATE******** ほぼ同じプランカーの複製を作成しました。私のプロジェクトでは、angularjs サービスからナビゲーション メニュー データを取得していました。これは、サーバー上の残りの Web サービスへの Web サービス呼び出しを行いますが、ここにはそれがないため、それぞれの json を手動で作成しました。 REST Web サービス呼び出しを行うサービス。重要な部分は再帰ディレクティブです。すぐ下に plunker プロジェクトへのリンクがあります。誰かが私を助けることができますか？

プランカープロジェクト ------------------------------------------------ -------------

*************新しい更新***************** Charlietfl からのコメントによると、ナビゲーション ドロップメニュー構造に複数の CSS クラスを含めることができます。angularui-bootstrap でこれを試みています。これを自分のプロジェクトに追加するための指示に従い、古い plunker プロジェクトに基づいて新しい Plunker プロジェクトを作成しましたが、追加のドロップメニュー css クラスがナビゲーション構造に追加されました。プランカー プロジェクトは次のとおりです: プランカー プロジェクト

ナビゲーション要素は引き続き DOM に表示されますが、表示されません。最初の ul 要素の css を見たところ、次のようになっています。

これは、公式のブートストラップ css ファイルから取得されました。なぜ表示されないのか正確にはわかりません。役立つかどうかはわかりませんが、ul の直後の li 要素の CSS は次のとおりです。

angularui-bootstrap に必要な css タグを追加したときから始まる更新されたコードを確認するには、plunker ページに移動する必要があることに注意してください。非表示のナビゲーション要素を表示するには、Firebug などの DOM を表示する必要があります。

angularui-bootstrap css クラスを試して作業するための更新からの (DOM からの) html 最終出力の例を次に示します。

angularui-bootstrap ライブラリが機能しない理由は、「li」要素の子要素であり、「a」要素の親要素である「recursive-list-item ..」要素が原因であると思われます。私のこの勘は正しいでしょうか？

http://angular-ui.github.io/bootstrap/ (バージョン .10)を使用しています。フルカレンダーのイベントクリックでシンプルなモーダルウィンドウを開く必要があります ( http://arshaw.com/fullcalendar/ )。

私はそれを使って

これは初めて機能し、モーダルは正常に開閉します。ただし、2回目以降のクリックでは、モーダルは開きません。$modal.open がトリガーされ、コンソールにエラーが表示されません。

ng-click を使用して実行した場合、同じ演習が常に機能します。これは、コントローラーに open 関数を記述した後にも必要です。

ただし、私の目的は、$modal.open を使用して別のディレクティブからモーダル オープンを呼び出すことです。

何が欠けていますか？

あなたの助けに感謝。

プランカーイラストはこちら

I am using typeahead from Angular Bootstrap. Sample plunker provided by them is here. As you can see $scope.states is filled by the array:

And it looks like this:

However, if I change the plunker to an array of numbers, as in this plunker; although you can move your cursor, and it returns you the values starting with the number you have typed; you can't see the content on the dropdown and it looks weird:

Is there a way to make typeahead work with integers?