アングルストラップポップオーバー内部にツールチップモジュールを使用します。 popoverの指示を作成して$ popoverサービスを使用している場合は、ツールチップのイベントを処理する必要があります。
$scope.$on('tooltip.show.before', function(){
alert('The popover onBeforeShow state');
//$('.popover').css('left','100px')
});
しかし、まだあなたがその設定を変更することで、スタイルを変更したい場合は、それが正しいのです(コントローラからそのスタイルを変更するのはできないDOM上で作成されていない、このイベントのポップオーバー要素に思える:だから、何が必要ですイベント)。しかし、tooltip.show
イベントは、(コントローラ機能から)必要なものを実行します。このイベントでは、popover要素のcssを変更する機能を持つことができます。
Plunker例:https://plnkr.co/edit/eSzNE95yBjegzYSTdFRE?p=preview
(トランジションがきれいではないかもしれないが、あなたは少し遅いアニメーションとそれを処理することができます。)
P.S. tooltip.show.before
、 tooltip.show
、 tooltip.hide.before
、 tooltip.hide
、
理由だけで、CSSを使用していない:あなたはポップオーバーを処理するためのすべてのこれらのイベントの使用をすることができますか? – baklazan
@baklazan、私はそれを動的に異なるポップオーバーに適用し、ターゲット要素のサイズに基づいて配置できるようにします。 –