ポップオーバー・トリガー角度のブートストラップは、私のように、角にUIB-ポップオーバーを使用しようとしていますポップオーバー

Question

をトリガしませHTMLテンプレート

以下

  <form id="methodform" style="font-size:large;font-family:'merriweatherregular';color:#2c3e4c"> 
     <label><input type="radio" ng-model="methodname" value="method1"> 
      method1&nbsp; 
      <i title="show info" class="fa fa-info-circle" 
      aria-hidden="true" ng-click="getMethodInfo(1)" 
      uib-popover-template="dynamicPopover.templateUrl" popover-placement="right" 
      popover-title="{{dynamicPopover.title}}" popover-trigger="'click outsideClick'"></i></label></br> 
     <label><input type="radio" ng-model="methodname" value="method2"> 
      method2&nbsp; 
      <i title="show info" class="fa fa-info-circle" 
      aria-hidden="true" ng-click="getMethodInfo(2)" 
      uib-popover-template="dynamicPopover.templateUrl" popover-placement="right" 
      popover-title="{{dynamicPopover.title}}"></i></label></br> 
     <label><input type="radio" ng-model="methodname" value="method3"> 
      method3&nbsp; 
      <i title="show info" class="fa fa-info-circle" 
      aria-hidden="true" ng-click="getMethodInfo(3)" 
      uib-popover-template="dynamicPopover.templateUrl" popover-placement="right" 
      popover-title="{{dynamicPopover.title}}"></i></label></br> 
     </form> 

<script type="text/ng-template" id="myPopoverTemplate.html"> 
    <div>{{dynamicPopover.content}}</div> 
</script> 

コントローラー：

$scope.getMethodInfo = function(methodId){ 
    if(methodId==1){ 
     $scope.dynamicPopover.title = 'Method 1'  
    }else if(methodId==2){ 
     $scope.dynamicPopover.title = 'Method 2' 
    }else{ 
     $scope.dynamicPopover.title = 'Method 3' 
    } 
    } 

    $scope.dynamicPopover = { 
    content: 'Some details about this method', 
    templateUrl: 'myPopoverTemplate.html' 
    }; 

私は問題を抱えていますpopoverのクローズ。 popover-trigger属性を使用すると、popoverは表示されません。しかし、その属性を削除すると機能します。ユーザーがページ上のどこかをクリックすると、ポップオーバーを閉じたいと思う。私はこの問題の解決策を見つけることができません。助けてください。 ありがとうございます。

Answer 1

popup-trigger属性からclickの値を削除する必要があります。

は私も「フォーカス」と「MouseEnterイベント」で試してみましたが、それは働いていなかっただけでpopover-trigger="'outsideClick'"