Question

我使用bootstrap popover在点击popover时显示一些信息。点击popover点击它执行一个REST调用并将值绑定到ng-modal.But popover模板不更新。请让我知道如何修复此

注意：第二次点击弹出模板时会更新。

HTML code snippet

<a href="#" ng-click="loadEmpDetails()" class="btn btn-default btn-circle" data-toggle="popover" title="<strong class='txt-color-white'>Employee Details</strong>" data-placement="left" data-original-title="Popover Left" data-html="true" data-content='<div class="userDiv ">UserName : {{userName}} </Div>>Info</a>

AngularJs代码段

$scope.loadEmpDetails=function(){
      MYService.EmpDetails.getDetails({},empDTO)
       .$promise.then(function(data){
        $scope.userName=data.userName; //This value did not bind to html template
           etc...
        }
        };

Answer 1

我找到了一种动态更新Bootstrap popover内容的方法。但这与AngularJs没有关系，只是它可以解决问题。解决方案是在$('[data-toggle="popover"]').popover();中调用document.ready而不是调用它在你的函数中。然后它将动态更新弹出窗口内容。

$scope.loadEmpDetails=function(){
      MYService.EmpDetails.getDetails({},empDTO)
       .$promise.then(function(data){
        $scope.userName=data.userName; //This value did not bind to html template
           etc...
        //Draw popover
        $('[data-toggle="popover"]').popover();

        }
        };

Bootstrap popover不会更新angularjs ng-model

1 个答案: