javascript - 如何将 "uib-tooltip-template"与 AngularJS 的 ng-repeat 一起使用?

标签 javascript angularjs tooltip

如何将“uib-tooltip-template”与 AngularJS 的 ng-repeat 一起使用? 有一种动态添加模板的方法,因为我试过了,但它不起作用!!

<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>

最佳答案

如果你想根据 $index/item ojbect 中的某些特定属性动态添加模板 ID

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

关于javascript - 如何将 "uib-tooltip-template"与 AngularJS 的 ng-repeat 一起使用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45571909/

相关文章:

AngularJS : Multiple calls to a service function returning separate promises

javascript - 触发自定义 jquery 单击 Angular 自定义指令

javascript - 如何在 ExtJS 中为树列表设置工具提示?

jquery - 使用 'each' 获取插入 jQuery 工具提示的链接

java - 想要在 Vaadin 网格单元格上将工具提示设置为 HTML

javascript - 时间显示 Nan :Nan in Firefox, Chrome 完美运行

javascript - JS为什么需要执行上下文

angularjs - 如何将 toastr 库注入(inject)日志记录模块而不会在异常处理程序中出现循环依赖错误

javascript - ng-repeat 使用数组和对象

javascript - 使用 Javascript 从弹出窗口中删除地址栏