Question

     <div ng-repeat = "offer in productOffers">
       <div class = "col-md-12 col-xs-12 text-left mrg-5 selr-name"
         uib-popover-html = 
          "'<img src=assets/images/cart-blue.png 
            class=img-cart 
            ng-click=addProductToCart(offer,finalProduct)/> 

            <div class=fonts-13  
            ng-click=addProductToCart(offer,finalProduct)> 
            Add To Cart
           </div>'">
       </div>
   </div>

在这里，我添加了我的代码，我想在popover 元素中使用ng-click，并且我有用于弹出窗口的ng-repeat，因此需要添加popover HTML inline。 ng-click在popover内无法正常工作。

Plunker Link

提前致谢。对此有任何帮助表示高度赞赏。

Answer 1

使用 uib-popover-html 的 uib-popover-template 。工作人员link

<div ng-repeat = "offer in productOffers">
  <div class = "col-md-12 col-xs-12 text-left mrg-5 selr-name"
     uib-popover-template= 
      "'tpl.html'">
</div> 
<script type="text/ng-template" id="tpl.html">
   <img src="assets/images/cart-blue.png" 
        class="img-cart" 
        ng-click="addProductToCart(offer,finalProduct)"/> 

        <div class="fonts-13"  
        ng-click="addProductToCart(offer,finalProduct)"> 
        Add To Cart
       </div>
</script>

ng-click在ui-bootstrap popover中不起作用

1 个答案: