ng-click không hoạt động trong firefox

Question

Tôi biết câu hỏi này đã được hỏi nhiều lần trên SO, nhưng tôi không thể tìm thấy câu trả lời nào

Tôi có chỉ thị chịu trách nhiệm tải lên tệp.

Đây là mã của chỉ thị của tôi:

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>' 
       } 
      [...] 

Và vào bộ điều khiển của tôi, tôi có đoạn mã sau:

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

Những gì tôi đã cố gắng:

As far as ng-click của tôi là bên trong một ng-lặp lại, tôi đã tự hỏi nếu nó không liên quan đến thừa kế phạm vi. Tôi đã cố gắng này, với kết quả tương tự (làm việc trong chrome nhưng không phải trong firefox)

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

Tôi cũng đã sửa đổi các chức năng điều khiển như vậy:

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

    } 
    $scope.remove = remove; 

Nó cũng đã làm việc trên chrome , nhưng không phải trong firefox

lưu ý rằng tôi không gặp bất kỳ lỗi nào trong bảng điều khiển. Tại thời điểm này, tôi không biết tôi có thể kiểm tra/làm gì để hiểu lỗi này

Answer 1

Có vẻ như không tốt khi có một số <a> bên trong một <button>.

tôi đặt câu trả lời ở đây, chúng ta không bao giờ biết nếu ai đó có thể làm cho các lỗi như ngu ngốc như tôi ;-)

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