angularjs - 如何删除 :active from bootstrap button

Question

我有一个网站，其中有多个按钮。按下按钮后，我会填充一个列表，尽管我的问题是最后按下的按钮一直处于按下状态(具有 :active 类)。我考虑过使用 Angular 的 $timeout重置按钮，虽然 removeClass函数不能解决问题。

我的观点是这样的:

    div(ng-controller='productButtonController')
    div(ng-repeat='product in products')
        div.col-md-4
            button.btn.btn-block.sell-button(id='{{product._id}}' ng-click='sell()'){{product.name}}

和我的 Controller :

app.controller('productButtonController', ['$scope', '$timeout', 'productServices', 'flash',
    function($scope, $timeout, productServices, flash) {
        productServices.getProducts()
            .success(function(result) {
                $scope.products = result.data
            })
            .error(showErrorMessage(flash))

        $scope.sell = function() {
            console.log(this.product)
            that = this
            $('#' + that.product._id).removeClass('active')
        }
    }
])

Answer 1

将 angular $window 服务添加到您的依赖项中
Controller

在文档的事件元素上调用 blur 方法，这将是
你的按钮。

$window.document.activeElement.blur();
见 How do you clear the focus in javascript? .