angularjs - 如何在 ng-click Angular 上添加确认窗口

Question

我有一个 ng-click 的链接。我需要该点击的确认窗口。

<h4><a href="" ng-click="makeUnfavourite(favourite.userId,$index);remove(favouriteData.data.result,$index)">Un-Favourite</a></h4>

目前它包括2个功能。我必须在确认后才执行这两个功能。我的两个函数是在 usercontroller.js.plz 中定义的，请参阅下面的代码

var userControllers = angular.module('userControllers', ['ui.bootstrap','gm']);
userControllers.controller('myProfileCtrl', function ($scope, $routeParams, $rootScope, $http, $location, $window, $timeout) {`  
$scope.makeUnfavourite=function(id,index){
    var indextoremove=index;
    var currentuserid=2;
    var favUserId=id;
    console.log(favUserId);
    var params = {
        currentuserid:2,
        favUserId:id
        };
       if(favUserId){
        $http.post($rootScope.STATIC_URL + 'users/makeUnFavourite', params).success(function(response){
            $scope.favHide=response;
            }).error(function(err){
            console.log("Error"+err);
        });
    }

};
$scope.remove = function(favourite,index){
    favourite.splice(index,1);
};
});

我必须在确认时执行 makeUnfavourite() 和 remove() 函数。我对 Angular 比较陌生。现在我正在从事一个部分完成的项目

Answer 1

只需使用 ng-confirm-click，如下所示:

<h4><a href="" confirmed-click="confirmedAction()" ng-confirm-click="Do you confirm?">Un-Favourite</a></h4>

DEMO

更新:对于 Angular 指令，请参阅here ...

更新2:我懂了。你可以简单地这样做:

$scope.confirmedAction = function() {
    makeUnfavourite(favourite.userId, $index);
    remove(favouriteData.data.result, $index);
};