如何编码此AngularJS在单击时隐藏按钮，然后在5秒后显示

Question

这是HTML代码：

<button id="btn_hide">Hide Me!</button>

这是jQuery代码，单击时会隐藏按钮，然后在5秒后显示它。我想在AngularJS中编写代码。

$(document).ready(function() {
$('#btn_hide').click (function() {
        $(this).hide(5000,function () {
            $('#btn_hide').show(5000);
        });  
  });
});

Answer 1

<button id="btn_hide" ng-click="hide()" ng-hide="hidden">Hide Me!</button>

$scope.hide = function() {
    $scope.hidden = true;
    $timeout(function() {
        $scope.hidden = false;
    }, 5000);
};