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

誰がとき、私クリックでなぜツールヒントのポップアップを理解するのに役立つことができますフィールドを離れるときにぼかし/ポップアップに設定する???

答えて

関連する問題