Question

我正在使用AngularJs 1和Angular-Material Design。我为文件上传构建了md-input容器。问题是，在选择文件后，它不会显示在md输入容器中（所选文件位于ng文件中）。只有在点击某处后，才会显示输入值（在本例中为文件）。（所以如果我检查字段的值但实际上是值，那么只有点击后才会显示名称）

<div class="bulk-file-container">
      <md-input-container>
        <input type="file" id="file" ng-files="getFile($files)"/>
      </md-input-container>
</div>

和css：

.bulk-file-container {
  border-radius: 4px;
  width: 33.03rem;
  height: 10.33rem;
  margin: auto;
}

这恰好是在输入周围应用md-input-container之后发生的。我读过其他人有类似的问题，然而，他们没有一个人帮我。

有谁知道如何解决这个问题？

修改

我现在检查了md-input容器并发现最初（选择文件后）它获取类“md-input-focus”并且仅在点击“md-input-has-value”类之后出现，然后显示我的价值。

Answer 1

似乎输入元素的模型仅在“模糊”事件上分配，即失去焦点时。尝试添加强制更新发生在更改事件上，它可能会解决您的问题：

<input type="file" id="file" ng-files="getFile($files)" ng-model-options="{ updateOn: 'change' }"/>

md-input容器仅在单击某处后显示内容

1 个答案: