禁用csv导入角度js上的按钮

Question

我已经使用ng-csv-import从桌面导入css文件，并且我已经提交了上传csv的按钮。我的要求禁用提交按钮，直到用户选择一个CSS文件。提前致谢。

<ng-csv-import name="uploadCsv" content="MyCsv" 
       separator="csv.separator" 
       result="csv.results" 
       accept="csv.accept" required> 
</ng-csv-import> 
<div class="col-xs-12 col-sm-12"> 
    <button type="submit" class="btn-top btn-rectangle" ng-click="submit()">Submit</button> 
</div> 

Answer 1

你可以使用NG-禁用按钮像这样：

<button type="submit" class="btn-top btn-rectangle" ng-click="submit()" ng-disabled="yourDisabledVariable">Submit</button> 

然后看在你的控制器中的NG-CSV导入内容

//Default is disabled 
$scope.yourDisabledVariable = true; 
// Watch for changes on $scope.MyCsv 
$scope.$watch('MyCsv', function(newVal,oldVal){ 
    // see if user uploaded a csv by looking at $scope.MyCsv 
    if(newVal){ 
     // Enable the button 
     $scope.yourDisabledVariable = false; 
    } 
}) 

Answer 2

您可以试试这个。

$('input[type="submit"]').prop('disabled', true); 
    $('input[type="text"]').keyup(function() { 
     if($(this).val() != '') { 
      $('input[type="submit"]').prop('disabled', false); 
     } 
    });