角度jsのcsvインポートでボタンを無効にする

Question

ng-csv-importを使用してデスクトップからCSSファイルをインポートしました.CSSVをアップロードする送信ボタンがあります。ユーザーが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); 
     } 
    });