問題タブ [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 - anglejsng-gridは更新時に選択を維持します
ng-grid
セットアップを使用しようとしていますが、次の問題があります。
私が表示しているデータは、5秒程度ごとに非常に頻繁に変更されます。ただし、リストに追加される新しいデータはそれほど多くありません。
データをng-gridに設定すると、ユーザーはデータを見始めることができます。しかし、約5秒後にデータを更新すると、ユーザーが行った選択とグループ化が失われます。
http://plnkr.co/edit/eK1aeRI67qMROqDUtPnb
とにかく選択および/またはグループ化を維持することはありますか?
angularjs - AngularJSngのGridsterjQueryプラグイン-コンテンツの繰り返しが悪くなる
GridsterをAngularJSと統合しようとしていますが、まだあまり成功していません。
Angular UIのディレクティブに関するドキュメントを読むと、これ(フィドルをチェック)ui-jq
が機能するはずだという印象を受けます。しかし、Chromeのデバッガーをもう少し詳しく見てみると、この行では子がまったく見つかりません。
ng-repeatディレクティブのどこかで、AngularJSが繰り返される部分をリッピングすることを決定したのではないかと思います。その理由はわかりますが、それでも問題は解決しません。もう少し先に進むのに役立つ手がかりを歓迎します。
アップデート1
私はそれを指令に変え始めました、それが物事を改善することを望んでいます。ただし、自家製のディレクティブの場合は、ネストng-repeat
も邪魔になります。jQueryプラグインの接続を($evalAsync
)などできる限り延期しようとしましたが、最終的にはを使用することになりました$timeout
。それが私がそれを機能させることができる唯一の方法です。
アップデート2
元のアプローチでは、必要なものが得られなかったと思います。そのため、カスタムディレクティブを実装しました。以下の私の答えを参照してください。
angularjs - ng-repeat で使用すると ui-bootstrap ツールチップが機能しない
次のように、ui-bootstrap tooltip
ディレクティブを使用して、ディレクティブによってレンダリングされるボタンの配列にツールチップを割り当てたいと思いng-repeat
ます。
しかし、私は奇妙な問題に直面しています.ng-repeatループ変数は、ツールチップ自体を除いて空白の値を取得するため、たとえば上記の例では、ボタンのラベル値は空白になります. 問題を示すスニペットは、このリンクで見ることができます。ツールチップ属性を削除しても問題ありません。ui-bootstrap を使用していて、そのような問題について知っている人はいますか?
twitter-bootstrap - Internet Explorer 8 でカルーセル画像が表示されない
アプリでAngularUI-Bootstrap (特にカルーセル ディレクティブ)を使用しようとしています。
<img>
Chrome、FF、Opera、IE9 では正常に動作しますが、IE8 ではタグ内にタグが表示されません<slide>
(または私の場合は<div slide></div>
)。
{{image}}m
表示すると、画像へのパスが表示されます。それは正しいのですが、<img src="{{image}}">
またはを使用しようとするとng-src
、まったく表示されません。
他の誰かが同じ問題を抱えていますか?IE8 と 7 だけです。IE7 は重要ではありませんが、IE8 で修正する必要があります。
javascript - AngularJS は、ディレクティブが実行される前に AJAX を介してデータを取得します
AngularUI のuiMapディレクティブを使用して、Google マップをインスタンス化しています。uiMap ディレクティブは、ハードコードされたデータ ({mapOptions}
および[myMarkers]
) でうまく機能します。ただし、このデータを取得すると問題が発生します$http.get()
(AJAX呼び出しが完了する前にディレクティブが起動します)。
最初はGoogleMaps
コントローラーで GET を実行していましたが、順序が間違っていることに気付き、GET をuiMap
ディレクティブに移動しました。これには2つの問題があります:
- これは正しい方法ではないと思います。
- GET は、次のデータも取得します。
[myMarkers]
- マーカーを作成する関数/ディレクティブは、すべてのオーバーレイの作成を担当するという点で遍在しています。
私の質問は、ディレクティブが実行される前に、データを取得 (およびスコープに適用) できるアプリケーションのどこかに他にあるのでしょうか?
私は$qを読みましたが、それは私が望むもののように聞こえますが、ディレクティブではなくコントローラー内でそれを実行できるかどうかはわかりません (また、$q.defer.resolve()
が とどのように異なるかはわかりません$http.success()
)。
編集私が使用しているコードのほとんどは、AngularUI のドキュメントからのコピー/貼り付けですが、ここにプランクがあります: http://plnkr.co/edit/t2Nq57
解決
Andy's answerに基づいて、 uiMap とuiIfの組み合わせを使用しました:
警告 1 uiIf は、その条件を提供するコントローラーを指定する同じ要素内に存在することはできません (uiIf は ngController よりも優先度が高いため、uiIf が実行される前にコントローラーが設定されません)。
注意2必ず最新バージョンの uiIfを使用してください(最新のタグで提供されているバージョン v0.3.2 は古くなっています)。古いものには、特定の状況で TypeError を引き起こすバグがあります。
注意3 jQuery は AngularJS (index.html 内) の前に含める必要があります。そうしないと、それを示す TypeError が返されますObject [object Object] has no method 'trigger'
(またはObject [object HTMLDivElement] has no method 'trigger'
Windows の場合)。Chrome はそれを認識しているため、トリガー関数にステップインできますが、Angular は認識していません (Angular はエラーをスローしています)。
欠点uiMap は現在、domready のレンダリング メーカーをサポートしていません。このGitHub の問題/コメントで提案されている uiMapMarker の代替バージョンを検討しています。
この問題の解決策: https://stackoverflow.com/a/14617167/758177
実際の例: http://plnkr.co/edit/0CMdW3?p=preview
jquery-ui - jQueryUIの並べ替え可能な接続リストがAngularUIで機能しないのはなぜですか?
AngularUIとjQueryUISortableを使用して、接続リストの動作を模倣しようとしています。
しかし、動作はかなり不安定です:http: //jsfiddle.net/hKYWr/227/ 何かアイデアはありますか?
HTML:
JS:
CSS:
angularjs - AngularUI ブートストラップ ダイアログ内で ngRepeat が機能しない
私のコードを機能させる方法を知っている人はいますか。ユーザー作成ダイアログを作成しようとしていて、ngResource を使用して投稿データを送信したいのですが、既に PHP バックエンドを構成しており、期待どおりに動作しています。今、私の問題はダイアログにエラーを追加することです。ダミーデータを追加しようとしましたが、ngRepeat は機能しません。問題をデバッグするさまざまな手順も試しましたが、何もうまくいきません。私もこの問題について調査しましたが、運がありません。ここに私のコードがあります:
リンクを見てみてください http://jsfiddle.net/QCQrF/
google-chrome-extension - Select2がChrome拡張機能のポップアップで正常に機能していません
AngularJSとAngular-UIを使用しているChrome拡張機能でSelect2の悪い動作が発生しています。
シナリオ
Select2のコンテンツは、AngularJs$resoucesモジュールを介して非同期で読み込まれます。
何が起こるべきですか?
Select2をクリックすると、コンテンツが表示されます。
実際に何が起こっているのですか?
select2ドロップダウンを最初にクリックすると、ウィンクしてから非表示になります。
Obs.:
同じコードがchromeの拡張機能ポップアップからうまく機能します。
あなたはそれがここで働いているのを見ることができます:http://moneynow2.apphb.com。そして、ここで私のgithubリポジトリで
コードを参照できます。
angularjs - Chromeアプリで使用中のコンソールでのAngularUISelect2ダンプエラー
AngularJSとAngular-UIを使用してChromeアプリで次のselect2の例を使用しようとしています。正常に動作していますが、残念ながら、ドロップボックスをクリックするたびにChromeコンソールで次のエラーが発生します。
"次のコンテンツセキュリティポリシーディレクティブに違反しているため、インラインイベントハンドラーの実行を拒否しました:" default-src'self' chrome-extension-resource: "。'script-src'が明示的に設定されていないため、'default-src'フォールバックとして使用されます。」
この問題を解決するにはどうすればよいですか?
ありがとう
*このコードはブラウザでは問題なく動作しますが、Chromeアプリ
コードでは動作しません:
コントローラ
意見
解決しました!
@AlanRodriguesSoaresのヒントに感謝します。別のバージョンのselect2.jsをgitub([リンク] https://raw.github.com/timoxley/select2/bug/onclick/select2.js)からダウンロードしましたが、この問題は修正されています。
javascript - $scope モデルが変更されても長さが変わらない場合、Angular-UI カレンダーが更新されないのはなぜですか?
いくつかのフィルタリングを使用して、AngularUI でイベント カレンダーを作成しています。
フィルター ドロップダウンが変更されると、関数が起動され、ブードゥーを実行して $scope.events を更新する必要があります。
(短縮)
まずは6つのイベントから。たとえば、2 つの「タイプ」があり、それぞれに 3 つのイベントがあり、1 つのタイプ A と 1 つのタイプ B を呼び出すと、すべてから A に変更でき、3 つのイベントが正しく表示されます。「すべて」に戻すと、6 つ表示されます。
A から B に変更すると、カレンダーは更新されませんが、$scope.events を調べると、データが変更されたことが示されます。
フィルタリングが機能し、$scope.events が更新されています。
問題は、 $scope.events の長さが変わらない場合、カレンダーを再描画するのに適していないと思われることです。