問題タブ [angular-strap]
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.
javascript - 「ホバー」トリガーを使用した AngularStrap bs-dropdown が十分な時間開いたままにならない
「ホバー」トリガーで bs-dropdown を使用すると、ユーザーがメニュー項目をクリックできるほど長くメニューが表示されたままになりません。
http://plnkr.co/edit/Fi39BdCOqHXnPAgITD01?p=preview
遅延を使用すると、予期しない方法で動作します。
http://plnkr.co/edit/Y2Q63DDJEyP9CTPMUfYD?p=preview
理想的には、マウスがメニュー上にある限りドロップダウンは表示されたままになり、マウスがメニューから離れると消えます。
javascript - angularstrap ポップオーバー テンプレートとして id を持つスクリプト タグを使用する
angular のパスワード検証スクリプトを含むフォームがあります。パスワード フィールドにフォーカスがあるときにポップオーバーを表示しようとしています。テンプレートは、検証スクリプトの結果に基づいて変化する div にしたいと考えています。これまでスクリプト タグをマイクロテンプレートとして実際に使用したことはありません。
次のようなdiv(スクリプトタグ内にない場合に機能します)を作成しました:
私のパスワードフィールドには次のマークアップがあります。
属性を削除するdata-template
と、ポップオーバーが機能します。そのままにしておくと、(plnkr で) 何も起こりません...エラーが発生します:
その後:
これがテンプレートの使用方法ですか?
ここに私のplnkrがあります: http://plnkr.co/edit/j1mrX2RrbDGk6xHSvmXU?p=preview
angularjs - angular-strap ツールチップが ng-repeat で機能しない
質問: angular-strap にバグはありますか? それとも、Angular の仕組みを誤解していますか?これは想定内のことですか?
私が欲しいもの: ng-repeat の各項目に異なるツールチップを表示したい。
発生している動作: 特定の条件下で、ツールヒント コンテンツがコンテンツ テンプレートに正しく挿入されません。したがって、テンプレートのみが表示され、コンテンツ テンプレートやコンテンツ自体は表示されません。
条件:
- ページが最初に読み込まれると、ツールチップは期待どおりに機能します。
- アイテムが ng-repeat に追加されると、そのツールチップはテンプレートのコンテンツ セクションに入力されません。
- ページが ng-repeat のアイテムなしで始まる場合、追加された最初のアイテムのツールチップは期待どおりに機能します。それ以降に追加されたアイテムは問題を示します。
- ng-repeat が開始するアイテムの数に関係なく、そこからアイテムを削除すると、将来追加されるすべてのアイテムにツールチップが機能しなくなります。
感想: 煮詰めると、「最初のロード」はうまくいきます。その後、そうではありません。アイテムを ng-repeat に追加する最初のラウンドの後に、コンパイルのステップが発生していると思います。その時点で、angular-strap ツールチップ コードはディレクティブ属性を確認し、それらのツールチップとコンテンツ テンプレートを設定します。ng-repeat へのその後の変更は、angular-strap によって見落とされます ( bs-popover=tooltip(item)
ng-repeat リストが更新されるたびに、からの呼び出しが実際に実行されることをコンソールで確認できますが)。しかし、私はまだ困惑しており、これが私が回避できる行動であるかどうか疑問に思っています.
ng-repeat に追加された項目で動的ツールチップを許可するにはどうすればよいですか?