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

angularjs - tab-contentにテンプレートをロードするangular-uiタブ

私はこのコントローラーを使用してangular-uiのタブを使用しています:

そしてこれはhtmlファイルにあります:

しかし、コンテンツをテンプレートとして設定したいのですが、どうすればよいですか。このプランカーでng-includeコードを設定しようとしました、機能しませんでした。
前もって感謝します。

アップデート:

この解決策を見つけ、angular-bootstrap v0.12を使用していない場合は、次のようにコードをv0.13の新しい構文に更新する必要があります。

私はすでにプランカーを更新し、angular-bootstrapv0.13の構文を使用しています。

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

fullcalendar - jqueryタブでレンダリングされない角度カレンダーディレクティブ

角度カレンダーディレクティブに関するさらに別の質問。1ページに複数のカレンダーを表示する必要があり、jqueryタブウィジェットを使用しています。ただし、正しくレンダリングされるのは1つのカレンダーだけです。通常のjqueryfullCalendarでは、「render」メソッドを使用して、タブが選択されたときにカレンダーが表示されるようにします。ただし、これはangular-uiカレンダーディレクティブでは機能していないようです。

これが私の言いたいことを示すプランカーです。$()。tabs()を削除すると、3つの角度カレンダーが正常に表示されます。それらをタブでラップすると、機能しなくなります。

http://plnkr.co/edit/HEEX4iqb8kFAsjwdGmkM

これが機能しない理由とそれを修正する方法についてのアイデアはありますか?

ありがとう!

PS。この質問をGoogleグループにクロスポストします。ありがとう。

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

html - 入力要素の幅をコンテンツ/値のサイズに強制します

テキストがプレーン/インラインテキストのように見えるように入力要素のスタイルを解除しようとしています。また、それが持つことができるほとんどすべてのcssプロパティをリセットしましたが、入力の幅を調整/縮小することができませんコンテンツ (input { width:auto; min-width:0; }動作しません)。のような任意の幅に従うinput { width: 10px; }ので、明らかにその幅は調整可能です。

私は人々がjavascriptでそれをやろうとしているのを見ているので(答えからのフィドルはもう機能しません)、私が望むことさえ可能かどうか疑問に思っています。

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

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

google-maps - AngularUI - Google マップ - 地図が定義されていません

この方法で GoogleMaps ディレクティブを使用しようとしています:

コントローラ メソッド

UpdateLocation.html

マップは完全に表示されますが、メソッドaddMarkerでは実行時に未定義になり$scope.myMapます。

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

google-maps - AngularUI-Googleマップ-マーカーを削除

私はこのようにAngularUIGoogleMapsディレクティブを使用しています:

UpdateData.html

UpdateController

新しいマーカーを追加できますが、削除できないため、マップは正常に更新されます。私がしていることは次のとおりです。

myMarkers配列は空になりますが、マップには削除されたマーカーが含まれています。myMarkers新しいマーカーをmyMarkers配列にプッシュするときは配列とマップが同期されているようですが、myMarkers配列がクリアされているときは同期されていないようです。

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

twitter-bootstrap - jQuery datepicker buttonImage属性内でブートストラップアイコンを参照していますか?

buttonImagejQueryのdatepicker属性にどの値を使用する必要がありますか?

jQueryのdatepickerでBootstrapカレンダーアイコンを使用したいと思います。次のように参照すると、htmlページのアイコン画像を使用できます。

angle -uiラッパーを使用してui-datejQuerydatepickerをラップする場合:

コントローラが日付ピッカーオプションを次のように定義します。

buttonImageに実際に挿入する値は何ですか?

datepickerは、このような画像URLを期待してい{ buttonImage: "/images/datepicker.gif" }ます。

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

angularjs - angular-bootstrap (タブ): データ バインディングは一方向にのみ機能します

私は少しフィドルを準備し、それを最小限に煮詰めました:

http://jsfiddle.net/lpeterse/NdhjD/4/

最初は、すべてのビューがモデルを参照しますCtrl.foo

入力で何かを変更する2:と、モデルが適切に更新され、この変更がすべてのビューに反映されます。

入力の何かを変更4:しても、同じペインに含まれるビューにのみ影響します。どういうわけか分岐したスコープのように動作します。その後の変更2:はタブに反映されなくなりました。

ディレクティブ、スコープ、トランスクルージョンに関する角度のあるドキュメントを読みましたが、この望ましくない動作の説明が見つかりませんでした。

ヒントをいただければ幸いです:-)

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

angularjs - Angularuiブートストラップディレクティブテンプレートがありません

私は現在bootstrap-UI、自分のマシンでローカルでAngularをテストしています。アコーディオンとダイアログボックスの例を再現しようとすると。テンプレートがないことを示すこのエラーメッセージがコンソールに表示されます。

エラーの例:404が見つかりません-localhost / angle / template / message.html

ui-bootstrap-0.1.0.jsディレクティブを調べるときは、テンプレートがありURLます。

templateURLディレクティブの目的は何ですか?

これらのテンプレートは、Angular bootstrap-UIzipファイル全体をダウンロードするときに含まれると想定されていますか?

ヘッダーに含める必要のある他のファイルがありませんか?

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

angularjs - Angular-UI Select2 multiple ディレクティブの初期値の設定

データを取得するためのカスタム クエリを使用して、国を複数選択するための select2 ディレクティブがあります。

以下を使用して、コントローラーで最初に選択した値を設定しようとしています。

これはモデルを正しく設定しますが、select2 の初期化が発生する前に発生しています。残りの初期化コードをステップ実行すると、[Object]最終的に空白になる前に入力が一時的に表示され$scope.filters.countries、入力が表示されますが、入力にプレースホルダー テキストは表示されません。

これを回避するために、次を使用してモデルの初期値をリセットしています。

を使用しているのは本当にハックのようsetTimeoutです。私が行方不明になっているより良い方法はありますか?

更新 1

ProLoser のリクエストに応じて、デモと github チケットがここにあります。

デモ: http://plnkr.co/edit/DgpGyegQxVm7zH1dZIJZ?p=preview

GitHub の問題: https://github.com/angular-ui/angular-ui/issues/455

ProLoser のアドバイスに従って、select2 の initSelection 関数を使い始めました。

それはトリックを行いますが、それでも回避策のように感じます.

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

jquery-ui - AngularJSで選択可能なjQueryUIの選択されたitmesを更新するにはどうすればよいですか?

jQueryUISelectableウィジェットをAngularJSと一緒に使用したいと思います。ui-jqAngularUIのjQueryPassthroughディレクティブを使用してこれを含めることができました。これは、目的のUI効果を得るためにうまく機能しています。AngularJSを使用して選択したアイテムのデータを更新したいのですが、その方法がわかりませんでした。

AngularUI Sortableディレクティブを見つけました。これは、Selectableディレクティブを実装するための良い出発点かもしれませんが、AngularJSを使い始めたばかりなので、ニーズに合わせるのに苦労しています。

例:

http://jsfiddle.net/ffeldha/2KzRt/

選択したアイテムの名前を更新するにはどうすればよいですか?