ng-click 在 firefox 中不起作用

Question

我知道这个问题已经在 SO 上被问过多次，但我找不到任何答案

我有一个负责文件上传的指令。

这是我的指令代码：

    var directive = {
        restrict: 'AE',
        scope: {
            settings: '='
        },
        controller: 'fileUploaderCtrl',
        replace: true,
        template: '<div class="fileTransferContainer uploadContainer" ng-file-drop="onFileSelect($files)" ng-file-drag-over-class="dropBox">\
                        <fieldset>\
                            <legend>Uploads in progress</legend>\
                            <div ng-repeat="file in selectedFiles" class="fileTransfer">\
                                <span class="up_fileSize"> {{file.size / 1024 | number:2}}KB</span>\
                                <span>{{file.sizeUploaded()}}</span>\
                                <div class="progressContainer">\
                                    <div class="up_actions">\
                                        <span>\
                                            <button>\
                                                <a ng-click="remove($index)" class="small_icon white_delete"></a>\
                                            </button>\
                                        </span>\
                                    </div>\
                                </div>\
                            </div>\
                        </fieldset>\
                    </div>'
              }
             [...]

在我的控制器中，我有以下代码：

    $scope.remove = function (index) {
        debugger;
        $scope.selectedFiles.splice(index, 1);
        $scope.sendUpdatedModel();
    }

我尝试过的：

至于我的 ng-click 在 ng-repeat 中，我想知道它是否与范围继承无关。我试过这个，结果相同（在 chrome 但不是在 firefox 中工作）

  ng-click="$parent.remove($index)"

我也这样修改了控制器功能:

    function remove(index) {
            $scope.selectedFiles.splice(index, 1);
            $scope.sendUpdatedModel();

    }
    $scope.remove = remove;

它也在 chrome 上工作，但不在 firefox 上工作

请注意，我在控制台中没有任何错误。在这一点上，我不知道我能check/do 理解这个错误

Answer 1

看来<a>里面有<button>不太好。

我把答案放在这里，我们永远不知道是否有人会像我一样犯错误;-)

              <button ng-click="remove($index)" >\
                   <a class="small_icon white_delete"></a>\
              </button>\

ng-click 在 firefox 中不起作用

ng-click not working in firefox

javascript

firefox

angularjs