首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >尝试在angularjs中的2个不同输入文件类型上重置2个不同的ng-model

尝试在angularjs中的2个不同输入文件类型上重置2个不同的ng-model
EN

Stack Overflow用户
提问于 2016-09-30 14:37:09
回答 1查看 38关注 0票数 2

我是新来的角度,我试图清除模型点击十字图像

代码语言:javascript
复制
    <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文件。

代码语言:javascript
复制
$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;
    }
}
EN

回答 1

Stack Overflow用户

发布于 2016-09-30 14:52:26

你可以这样做:

代码语言:javascript
复制
 <button class="clear-file" ng-if="myFile.YOURDATA" ng-click="myFile.YOURDATA=''">Clear</button>

所以你不需要额外的函数

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/39785143

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档