How using "uib-tooltip-template" with ng-repeat of AngularJS?

Question

How can using "uib-tooltip-template" with ng-repeat of AngularJS ? There is a methode to add templates dynamicly because I tried it but it does not work !!

<li ng-repeat="item in items" class="cursor-element">
  <a tooltip-trigger="'click'"
     tooltip-placement="left"
     uib-tooltip-template="'template1.html'"
     tooltip-is-open="item.isOpen"
     tooltip-class="customized">
  </a>
</li>

<script type="text/ng-template" id="template1.html">
  <div class="row action-menu">
  <h3>test </h3>
</script>
<script type="text/ng-template" id="template2.html">
  <div class="row action-menu">
  <h3>test </h3>
</script>
 .
 .
 .
<script type="text/ng-template" id="templateN.html">
  <div class="row action-menu">
  <h3>test </h3>
</script>

provide a jsfiddle or codepen with a working example for checking — Naren Murali
– Naren Murali, Commented Aug 8, 2017 at 15:08

Pankaj Parkar · Accepted Answer · 2017-08-08 15:15:30Z

1

If you want to add template id dynamically based on $index/ some specific property from your item ojbect

uib-tooltip-template="'template'+ $index +'.html'"
//OR
uib-tooltip-template="'template'+ item.TypeId +'.html'"

answered Aug 8, 2017 at 15:15

Pankaj Parkar

136k23 gold badges241 silver badges307 bronze badges

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

1 Comment

Pankaj Parkar Over a year ago

@MohammedAkdim did you checked this?

Collectives™ on Stack Overflow

How using "uib-tooltip-template" with ng-repeat of AngularJS?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related