問題タブ [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.
angularjs - tab-contentにテンプレートをロードするangular-uiタブ
私はこのコントローラーを使用してangular-uiのタブを使用しています:
そしてこれはhtmlファイルにあります:
しかし、コンテンツをテンプレートとして設定したいのですが、どうすればよいですか。このプランカーでng-includeコードを設定しようとしましたが、機能しませんでした。
前もって感謝します。
アップデート:
この解決策を見つけ、angular-bootstrap v0.12を使用していない場合は、次のようにコードをv0.13の新しい構文に更新する必要があります。
私はすでにプランカーを更新して、angular-bootstrapv0.13の構文を使用しています。
fullcalendar - jqueryタブでレンダリングされない角度カレンダーディレクティブ
角度カレンダーディレクティブに関するさらに別の質問。1ページに複数のカレンダーを表示する必要があり、jqueryタブウィジェットを使用しています。ただし、正しくレンダリングされるのは1つのカレンダーだけです。通常のjqueryfullCalendarでは、「render」メソッドを使用して、タブが選択されたときにカレンダーが表示されるようにします。ただし、これはangular-uiカレンダーディレクティブでは機能していないようです。
これが私の言いたいことを示すプランカーです。$()。tabs()を削除すると、3つの角度カレンダーが正常に表示されます。それらをタブでラップすると、機能しなくなります。
http://plnkr.co/edit/HEEX4iqb8kFAsjwdGmkM
これが機能しない理由とそれを修正する方法についてのアイデアはありますか?
ありがとう!
PS。この質問をGoogleグループにクロスポストします。ありがとう。
html - 入力要素の幅をコンテンツ/値のサイズに強制します
テキストがプレーン/インラインテキストのように見えるように入力要素のスタイルを解除しようとしています。また、それが持つことができるほとんどすべてのcssプロパティをリセットしましたが、入力の幅を調整/縮小することができませんコンテンツ (input { width:auto; min-width:0; }
動作しません)。のような任意の幅に従うinput { width: 10px; }
ので、明らかにその幅は調整可能です。
私は人々がjavascriptでそれをやろうとしているのを見ているので(答えからのフィドルはもう機能しません)、私が望むことさえ可能かどうか疑問に思っています。
ここにフィドルがあります。
google-maps - AngularUI - Google マップ - 地図が定義されていません
この方法で GoogleMaps ディレクティブを使用しようとしています:
コントローラ メソッド
UpdateLocation.html
マップは完全に表示されますが、メソッドaddMarker
では実行時に未定義になり$scope.myMap
ます。
google-maps - AngularUI-Googleマップ-マーカーを削除
私はこのようにAngularUIGoogleMapsディレクティブを使用しています:
UpdateData.html
UpdateController
新しいマーカーを追加できますが、削除できないため、マップは正常に更新されます。私がしていることは次のとおりです。
myMarkers
配列は空になりますが、マップには削除されたマーカーが含まれています。myMarkers
新しいマーカーをmyMarkers
配列にプッシュするときは配列とマップが同期されているようですが、myMarkers
配列がクリアされているときは同期されていないようです。
twitter-bootstrap - jQuery datepicker buttonImage属性内でブートストラップアイコンを参照していますか?
buttonImage
jQueryのdatepicker属性にどの値を使用する必要がありますか?
jQueryのdatepickerでBootstrapカレンダーアイコンを使用したいと思います。次のように参照すると、htmlページのアイコン画像を使用できます。
angle -uiラッパーを使用してui-date
jQuerydatepickerをラップする場合:
コントローラが日付ピッカーオプションを次のように定義します。
buttonImageに実際に挿入する値は何ですか?
datepickerは、このような画像URLを期待してい{ buttonImage: "/images/datepicker.gif" }
ます。
angularjs - angular-bootstrap (タブ): データ バインディングは一方向にのみ機能します
私は少しフィドルを準備し、それを最小限に煮詰めました:
http://jsfiddle.net/lpeterse/NdhjD/4/
最初は、すべてのビューがモデルを参照しますCtrl.foo
。
入力で何かを変更する2:
と、モデルが適切に更新され、この変更がすべてのビューに反映されます。
入力の何かを変更4:
しても、同じペインに含まれるビューにのみ影響します。どういうわけか分岐したスコープのように動作します。その後の変更2:
はタブに反映されなくなりました。
ディレクティブ、スコープ、トランスクルージョンに関する角度のあるドキュメントを読みましたが、この望ましくない動作の説明が見つかりませんでした。
ヒントをいただければ幸いです:-)
angularjs - Angularuiブートストラップディレクティブテンプレートがありません
私は現在bootstrap-UI
、自分のマシンでローカルでAngularをテストしています。アコーディオンとダイアログボックスの例を再現しようとすると。テンプレートがないことを示すこのエラーメッセージがコンソールに表示されます。
エラーの例:404が見つかりません-localhost / angle / template / message.html
ui-bootstrap-0.1.0.js
ディレクティブを調べるときは、テンプレートがありURL
ます。
templateURL
ディレクティブの目的は何ですか?
これらのテンプレートは、Angular bootstrap-UI
zipファイル全体をダウンロードするときに含まれると想定されていますか?
ヘッダーに含める必要のある他のファイルがありませんか?
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 関数を使い始めました。
それはトリックを行いますが、それでも回避策のように感じます.
jquery-ui - AngularJSで選択可能なjQueryUIの選択されたitmesを更新するにはどうすればよいですか?
jQueryUISelectableウィジェットをAngularJSと一緒に使用したいと思います。ui-jq
AngularUIのjQueryPassthroughディレクティブを使用してこれを含めることができました。これは、目的のUI効果を得るためにうまく機能しています。AngularJSを使用して選択したアイテムのデータを更新したいのですが、その方法がわかりませんでした。
AngularUI Sortableディレクティブを見つけました。これは、Selectableディレクティブを実装するための良い出発点かもしれませんが、AngularJSを使い始めたばかりなので、ニーズに合わせるのに苦労しています。
例:
http://jsfiddle.net/ffeldha/2KzRt/
選択したアイテムの名前を更新するにはどうすればよいですか?