2016-09-30 12 views
2

に2つの異なる入力ファイルタイプに2つの異なるNG-モデルをリセットしようとすると、私はクロス画像のクリックangularjs

<div class="content"> 
    <div class="field"> 
    <label for="form-bridge-logo1">Logo 1</label> 
    <input id="form-bridge-logo1" type="text" value="" ng-model="myFile.name"   /> 
    <button class="clear-file" ng-if="myFile.name" ng-click="clear(myFile)"></button> 
    <input type="file" id="browsefile" name="cover" file-browser="myFile" data-logo-type="primary" class="browse-file-input" accept="image/jpg, image/jpeg, image/png"/> 
    <label for="browsefile" class="browse-btn">Browse</label> 
    </div> 
    </div> 
    <div class="content"> 
    <div class="field"> 
    <label for="form-bridge-logo2">Logo 2</label> 
    <input id="form-bridge-logo2" type="text" ng-model="myFile1.name"/> 
    <button class="clear-file" ng-if="myFile1.name" ng-click="clear(myFile1)"></button> 
<input type="file" id="filebrowse" name="cover" file-browser="myFile1" data-logo-type="secondary" class="browse-file-input" accept="image/jpg, image/jpeg, image/png"/> 
<label for="filebrowse" class="browse-btn">Browse</label> 
</div> 
</div> 

にモデルをクリアしようとしていると、これは私のjsファイルである角度に新しいです。

$scope.clear = function(fileName) { 
    if (fileName.name === $scope.myFile.name && $scope.myFile !== undefined) { 
      $scope.myFile = $scope.initial; 
     } else if (fileName.name === $scope.myFile1.name) { 
      $scope.myFile1 = $scope.initial; 
    } 
} 
+0

余分な機能を必要としません。 – ram1993

答えて

0

は、あなただけのことを行うことができます。

<button class="clear-file" ng-if="myFile.YOURDATA" ng-click="myFile.YOURDATA=''">Clear</button> 

をだからあなたはあなたのクリア機能で条件の目的が何であるかを