NG 클릭 여기 UI - 부트 스트랩 팝 오버

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

에서 작동하지 않는 것은, 내가 내 코드를 추가 한, 나는 팝 오버 요소 내에 NG 클릭 사용할 나는 팝 오버에 대한 겨 반복, 그래서 추가 neeed popover HTML 인라인. ng-click이 팝 오버 내에서 작동하지 않습니다..NG 클릭 여기 UI - 부트 스트랩 팝 오버

Plunker 사전에 Link

감사합니다. 이것에 대한 어떤 도움도 높게 평가됩니다.

출처

2017-10-26 user100693

팝 오버가 새 자식 범위를 만들기 때문에 어쨌든 작동하지 않을 것입니다 그래서, 범위 지정 문제와 같은 첫눈에 보인다에게 작업. –

@VijayKrishna 제 질문에 plunker 링크를 추가했습니다. 친절하게 그것을 통과했습니다. 여기에는 범위 문제가 아닙니다. – user100693

사용 UIB - 팝 오버 템플릿은 UIB - 팝 오버 - HTML의 insted. plucker 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>

출처

2017-10-26 11:23:17

완벽하게 작동합니다. 대단히 감사합니다. – user100693

NG 클릭 여기 UI - 부트 스트랩 팝 오버

답변

관련 문제