bs-custom-file-input不适用于Angular

Question

我正在尝试在Angular（7）应用程序中使用bs-custom-file-input，但无法正常工作。 选择文件后，文件名未按预期显示在标签上。

设置模块的步骤如下：

1. 安装bs-custom-file-input：

  

npm install bs-custom-file-input --save

1. 将其导入到我的组件中：

  

从“ bs-custom-file-input”导入bsCustomFileInput；

1. 初始化插件：

   ngOnInit（）{bsCustomFileInput.init（）; }

2. HTML：

<div class="custom-file">
  <input id="inputGroupFile01" type="file" class="custom-file-input">
  <label class="custom-file-label" for="inputGroupFile01">Choose file</label>
</div>

我在这里想念什么？

Answer 1

Bootstrap documentation指出

  

我们通过不透明度隐藏默认文件<input>，而设置<label>的样式。

这意味着<label>字段的值更改时，您将必须自行更新innerHTML的{​​{1}}。

This article by Alain Boudard提供了有关如何使它成角度工作的代码示例。