显示/隐藏上传按钮

时间:2014-12-03 15:37:09

标签: angularjs

如何根据是否选择文件来显示/隐藏上传按钮。

我试过这个,但按钮仍然隐藏:

    <div class="form-group">
        <label for="title">Upload File</label>
        <input class="form-control" type="file" ng-model="formData.file">
    </div>
    <div class="form-group">
        <div ng-show="formData.file.length">
            <input type="submit" value="Upload" class="btn btn-default"
        </div>
    </div>

1 个答案:

答案 0 :(得分:-1)

正如Blackhole在评论中所说,这段代码不起作用,输入[type =&#34; file&#34;]上的ngModel并不是AngularJS原生支持的。

对于调试实例,在html代码中添加{{formData.file.length}},您将看到该值始终为null。