ng-click 在 ui-bootstrap 弹出窗口中不起作用答案

【问题标题】：ng-click is not working in ui-bootstrap popoverng-click 在 ui-bootstrap 弹出窗口中不起作用
【发布时间】：2017-10-26 19:47:44
【问题描述】：

     <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，所以需要添加 popover HTML 内联。 ng-click 在弹出框内不起作用。

PlunkerLink

提前致谢。对此高度赞赏的任何帮助。

【问题讨论】：

它乍一看像是一个范围问题，因为弹出框创建了一个新的子范围，所以它无论如何都不会工作。
@VijayKrishna 我在我的问题中添加了 plunker 链接，请仔细阅读。这不是范围问题。

标签： angularjs angular-ui-bootstrap popover uipopover

【解决方案1】：

使用 uib-popover-template 插入 uib-popover-html。工作采摘者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>

【讨论】：