Javascript 无法在每次使用Angular.js单击时打开模式弹出窗口

我需要打开模态弹出窗口，而用户将使用Angular.js单击按钮，但它的打开第一次单击，关闭时再次单击模态打开其未打开。总的来说，这个弹出窗口每两次点击按钮间隔就打开一次

检查我的以下代码，看看我到目前为止尝试了什么

<td>
  <a ui-sref='app.ownerinfo.owner.vew'>
    <input type='button' class='btn btn-xs btn-green'
           value='Edit' ng-click="editOwnerData(usr.owner_id);">
  </a>
</td>

<modal title="Owner Information" visible="showModalOwner">
    <p>MOdal Window</p>
</modal>

dashboard.directive（'modal'，function（）{
返回{
模板：“”
'' + 
'' + 
'' + 
“×；”
{{title}}}+
'' + 
'' + 
'' + 
'' + 
'',
限制：'E'，
是的，
替换：正确，
范围：假，
链接：函数postLink（范围、元素、属性）{
scope.title=attrs.title；
范围$watch（属性可见，函数（值）{
如果（值==true）
$（元素）.modal（'show'）；
其他的
$（元素）.modal（'hide'）；
});
$（element）.on（'show.bs.modal'，function（）{
作用域$apply（函数（）{
scope.$parent[attrs.visible]=true；
});
});
$（element）.on（'hidden.bs.modal'，function（）{
作用域$apply（函数（）{
scope.$parent[attrs.visible]=false；
});
});
}
};
});

在这里，我需要为每一次按钮点击弹出窗口应该打开，现在它打开后，点击2次

$scope.editOwnerData=function(owner_id){
    $scope.showModalOwner = !$scope.showModalOwner;
}

dashboard.directive('modal', function () {
    return {
      template: '<div class="modal fade">' + 
          '<div class="modal-dialog modal-lg">' + 
            '<div class="modal-content">' + 
              '<div class="modal-header">' + 
                '<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>' + 
                '<h4 class="modal-title">{{ title }}</h4>' + 
              '</div>' + 
              '<div class="modal-body" ng-transclude></div>' + 
            '</div>' + 
          '</div>' + 
        '</div>',
      restrict: 'E',
      transclude: true,
      replace:true,
      scope:false,
      link: function postLink(scope, element, attrs) {
        scope.title = attrs.title;

        scope.$watch(attrs.visible, function(value){
          if(value == true)
            $(element).modal('show');
          else
            $(element).modal('hide');
        });

        $(element).on('shown.bs.modal', function(){
          scope.$apply(function(){
            scope.$parent[attrs.visible] = true;
          });
        });

        $(element).on('hidden.bs.modal', function(){
          scope.$apply(function(){
            scope.$parent[attrs.visible] = false;
          });
        });
      }
    };
  });