問題タブ [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.
keyboard-shortcuts - Angular-UIui-keypressが機能しない
私はangular-uiの単純な使用でさえも起動して実行するのに苦労しています。たとえば、キーの押下を簡単に検出してenter
、[追加]ボタンを押さなくても、テキストボックスを押した後にアイテムを自動的に追加できるようにしたいと考えています。
これが私の現在の試みです:
ここで動作を確認できます:http://jsfiddle.net/NbjZL/5/。テキストを入力した後にボタンをクリックすることはできますが、テキストを入力enter
した後に押すことはできません。私は見つけることができるドキュメントを読み、いくつかの例を見てきましたが、まだいくつかの小さなことが欠けていると確信しています。
jquery-ui-datepicker - ng-repeat の Angular UI 日付ピッカーは最初のブロックでのみ機能します
ng-repeat ブロック内で angular ui datepicker を使用している場合、datepicker は最初のブロックに対してのみ正しく機能します。残りの繰り返しブロックについては、カレンダーは表示されますが、日付は選択できません。
誰かがどうすればそれを機能させることができるか教えてもらえますか? モデル名に $parent を追加しようとしましたが、役に立ちませんでした。
製品のリストがあり、製品ごとに 2 つの日付フィールドを持つ新しいリリース フォームがあります。製品を表示するために ng-repeat を使用しています。リリースの追加をクリックすると、その製品ブロックのリリース フォームが入力されます。フォームは似ています
リストの最初にある製品に対してのみ機能します。他の製品の場合、dateui ピッカーがポップアップしますが、日付を選択できません。
twitter-bootstrap - ng-repeatのangular.js条件付きマークアップ
私はangular.jsと(議論のために)ブートストラップを使用しています。今、私は「もの」を繰り返して、それらを「行」に表示する必要があります:
さて、どうすれば.row
角度を使って3つおきにdivを閉じることができますか?私はangular-uiからui-ifを試しましたが、それでもうまくいきません。
サーバーサイドレンダリングを使用する場合は、次のようにします(ここでは、JSP構文ですが、重要ではありません)。
ここでは、cssを非表示にする要素だけでなく、実際にDOMを変更する必要があることに注意してください。.row
と.span4
divで繰り返し試してみましたが、役に立ちませんでした。
javascript - AngularJS:米国形式で日付を検証する方法は?
AngularUIを使用して日付を入力できる次のフォームコードがあります(日付は必須であり、米国の日付形式と一致する必要があります。例:MM / DD / YY):
必須フィールドの検証は正常に機能しますが、日付形式が正しく検証されておらず、常に「形式が正しくありません... 」というメッセージが表示されます。
他の場所で正常に機能するいくつかの異なる正規表現を試しましたが、それでも機能しません。また、AngularUI検証を試しましたが、どちらも機能しません。前もって感謝します!
アップデート:
検証は使用したAngularUIdatepickerと競合していると思いましたが、datepickerは日付を自動修正するため、datepickerを使用しない場合は、正規表現が機能する限り検証が機能します。datepickerを使用する場合は、他の検証はあまり必要ありません。
unit-testing - Angular-JSのdiv要素のユニットテストの折りたたみ動作
ボタンクリックで表示したいシンプルなフォームがあります。つまり、ボタンに「新しいユーザーの追加」と表示され、ページが展開されてフォームが表示されます。ユーザーがフォームの操作を終了すると、フォームが折りたたまれてメッセージがユーザーに表示されます。私が直面している最初の問題は、このコードを使用することです。
と
angle.element.collapseを使用しない2番目のものは正しく機能します。
2番目の問題は、上記の動作をどのようにテストするかです。
最初のボタンを押すと、divが非表示の場合にangular.elementを使用するボタンが表示されますが、表示後に折りたたみ可能な要素は非表示になりません。(つまり、ボタンに[新しいユーザーの追加]と表示されている場合、ページが展開されてフォームが表示されます。ユーザーがフォームの操作を終了すると、フォームが折りたたまれてメッセージがユーザーに表示されます。
前もって感謝します。
angularjs - Angular-UI の日付ピッカーを動作させることができません
重複の可能性:
Angular UI を機能させる
私の人生では、Angular-UI デモ アプリから datepicker の例を動作させる方法がわかりません。日付ピッカーが機能するフィドルの例はありますか (つまり、入力フィールドをクリックするとカレンダーがポップアップ表示されます)。
twitter-bootstrap - angular と twitter-bootstrap を混在させると、Angular-ui select2 が機能しない
同じWebアプリケーションでangular-uiとbootstrapを使用していますが、ui-select2コンポーネントを使用しようとすると問題が発生します.ドロップダウンリストで要素を選択すると、 ng-model に関連付けられた変数は正しく更新されますが、空のように表示されます。メイン ページから bootstrap.js ファイルのインクルードを削除すると、この奇妙な動作はなくなります。angular-js とブートストラップの両方を同時に使用した経験がある人、および/またはそれらを連携させるために適用する微調整について知っている人はいますか?
アップデート:
ui-select2 コンポーネントは input-append div 内にあり、div を削除するだけで問題が解決します。ここで Angular-ui ui-select2 オリジナル サンドボックス デモのフォークを作成しました。「バージョン 2」の例に移動して、リスト内の値を選択するとモデルが正しく更新されるが、入力要素が更新されないことを確認できます。
angularjs - AngularJS による画像トリミング
ユーザーが画像をトリミングできるようにしたいのですが、この JQuery プラグインを見つけました - http://deepliquid.com/content/Jcrop.html
Angular-ui の Jquery パススルー オプションで使用してみましui-jq=Jcrop
た。<img>
問題は、ng-src を使用して画像を動的に変更すると、機能せず、何も表示されないことです。src に変更して静的 URL を入力すると、画像と Jcrop が表示されます。
どうすれば修正できますか?また、Jcrop のコールバックを聞いて、ユーザーの選択内容を知るにはどうすればよいですか?
AngularJS に画像トリミング機能を追加するためのより良い/より簡単な方法はありますか?
angularjs - Angular UI / select2複数の値/オプションを事前に選択する方法は?
次のようにselect2でangular-uiを使用します。
オプションをどこでどのように事前選択する必要がありますか?デフォルトでは、選択されたオプションが最初になります。どういうわけかコントローラーで?
javascript - オブジェクトを含むAngular UI select2配列は可能ですか?
配列内のオブジェクトとしてオプションを持つ簡単な方法はありますか? 次のように:
それとも私は完全に間違っていますか?