2016-09-30 32 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> 

所以你并不需要一个额外的功能

相关问题