Javascript md输入容器仅在单击某个位置后显示内容

我正在使用AngularJs 1和Angular材质设计。我已经为文件上传构建了md输入容器。问题是，选择文件后，它不会显示在md输入容器中（所选文件位于ng文件中）。仅在单击某个位置后，才会显示输入值（在本例中为文件）。（因此，如果我检查字段的值，但仅在单击后才显示名称，那么实际上值本身就在那里）

这是在输入周围应用md输入容器之后发生的。我读到其他人也有类似的问题，但是，他们的解决方案对我没有帮助

有人知道如何解决这个问题吗

编辑：

---

我现在检查了md输入容器，发现它首先（在选择一个文件后）得到了类“md input focus”，只有在单击某个地方后，类“md input has value”才会出现，然后显示我的值

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

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

ng files=“getFile（$files）”

如果删除此部分，它是否仍具有相同的效果？此部分是我的文件的值，但如果我只是将输入字段与此一起使用，它将起作用。但是，当在它周围放置一个md输入容器时，它不再工作了。我尝试了这个方法，但仍然只有在单击某个位置时，文件才会出现

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

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