Angular Bootstrap: Tooltip placement based on function

Question

<button popover-placement="top" popover="On the Top!" class="btn btn-default">Top</button>

If using default Bootstrap JavaScript, it's possible to define the placement using a function.

How can this be done using Angular Bootstrap? I would like to switch from right to left on a mobile device. (width < 768 px).

have you tried this solution: github.com/AnalogJ/matchmedia-ng — dr11
– dr11, Commented Apr 7, 2015 at 12:13

Anita · Accepted Answer · 2015-04-07 12:11:55Z

2

define one variable 'placement' in controller for placement. and change html code to

<button popover-placement="{{placement}}" popover="On the Top!" class="btn btn-default">Top</button>

now you can change placement of tooltip in controller on condition

answered Apr 7, 2015 at 12:11

Anita

2,4102 gold badges21 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1