2016-06-01 122 views
0

我有一個模糊顯示工具提示的領域。但我不知道爲什麼當我點擊該字段時它也會彈出。 這裏是codepen例如:http://codepen.io/Octtavius/pen/aZzyKw?editors=1010如何停止顯示焦點/點擊角度工具提示?

下面是我使用的角度引導代碼:

<body ng-app="ui.bootstrap.demo" class='container'> 


    <input type="text" 
     ng-controller="myPopoverCtrl" 
     popover-template="myPopover.templateUrl" 
     popover-title="This is a popover" 
     popover-placement="bottom" 
     popover-is-open="myPopover.isOpen" 
     ng-blur="myPopover.open()" /> 

    <script type="text/ng-template" id="myPopoverTemplate.html"> 
     <h2 ng-bind="myPopover.data"/> 
     <button class="btn btn-success" ng-click="myPopover.close()"> 
      Close me! 
     </button> 
    </script> 

</body> 

控制器

app = angular.module('ui.bootstrap.demo', ['ui.bootstrap']); 

app.controller(
    'myPopoverCtrl', ['$scope', function($scope) { 

     // query popover 
     $scope.myPopover = { 

     isOpen: false, 

     templateUrl: 'myPopoverTemplate.html', 

     open: function open() { 
     $scope.myPopover.isOpen = true; 
     $scope.myPopover.data = 'Hello!'; 
     }, 

     close: function close() { 
     $scope.myPopover.isOpen = false; 
     } 
    }; 
    } 
]); 

誰能幫助理解爲什麼在點擊工具提示彈出時,我設置它彈出模糊/當離開字段?

回答

相關問題