2016-06-01 71 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; 
     } 
    }; 
    } 
]); 

谁能帮助理解为什么在点击工具提示弹出时,我设置它弹出模糊/当离开字段?

回答

相关问题