問題タブ [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.

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

javascript - 「ホバー」トリガーを使用した AngularStrap bs-dropdown が十分な時間開いたままにならない

「ホバー」トリガーで bs-dropdown を使用すると、ユーザーがメニュー項目をクリックできるほど長くメニューが表示されたままになりません。

http://plnkr.co/edit/Fi39BdCOqHXnPAgITD01?p=preview

遅延を使用すると、予期しない方法で動作します。

http://plnkr.co/edit/Y2Q63DDJEyP9CTPMUfYD?p=preview

理想的には、マウスがメニュー上にある限りドロップダウンは表示されたままになり、マウスがメニューから離れると消えます。

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

javascript - angularstrap ポップオーバー テンプレートとして id を持つスクリプト タグを使用する

angular のパスワード検証スクリプトを含むフォームがあります。パスワード フィールドにフォーカスがあるときにポップオーバーを表示しようとしています。テンプレートは、検証スクリプトの結果に基づいて変化する div にしたいと考えています。これまでスクリプト タグをマイクロテンプレートとして実際に使用したことはありません。

次のようなdiv(スクリプトタグ内にない場合に機能します)を作成しました:

私のパスワードフィールドには次のマークアップがあります。

属性を削除するdata-templateと、ポップオーバーが機能します。そのままにしておくと、(plnkr で) 何も起こりません...エラーが発生します:

その後:

これがテンプレートの使用方法ですか?

ここに私のplnkrがあります: http://plnkr.co/edit/j1mrX2RrbDGk6xHSvmXU?p=preview

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

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 に追加された項目で動的ツールチップを許可するにはどうすればよいですか?