Question

我需要一个消失的后退按钮，看看AngularJS的ngdisabled，但是非常初学者。

<button onClick="history.go(-1);" >Go back</button>

已经有后退按钮，我想在点击后禁用它？

Answer 1

使用

<button onClick="history.go(-1);this.disabled=true;" >Go back</button>

Answer 2

请试一试。

<button ng-click="goBack" ng-disabled="backDisabled">Go back</button>

点击功能：

$scope.goBack = function(){
  $window.history.back();
  $scope.backDisabled = true; // use $rootScope to access everywhere of app.
}

Answer 3

假设你的按钮被Angular-Controller包含，对这个问题的更多Angular方法将是这样的：

<div ng-controller="controller as ctrl">
    <button ng-click="ctrl.GoBackInHistory()" 
            ng-disabled="ctrl.isBackButtonDisabled">
        Go back
    </button>
</div>
<script>
    angular.module('app', [])
    .controller('controller', controller);

    controller.$inject = ['$window'];
    function controller($window) {
        var vm = this;
        vm.isBackButtonDisabled = false;
        vm.GoBackInHistory = GoBackInHistory;

        function GoBackInHistory() {
            $window.history.back(); //or $window.history.go(-1);
            vm.isBackButtonDisabled = true;
        }
    }
</script>

单击一次后消失的HTML后退按钮？

3 个答案: