代码之家 › 专栏 › 技术社区 › Ricky

BS自定义文件输入不使用角度

angular7 bootstrap-4 angular

0

Ricky · 技术社区 · 7 年前

我正在尝试在Angular(7)应用程序中使用BS自定义文件输入,但它没有按预期工作。选择文件时,标签上不会按预期显示文件名。

我设置模块的步骤如下:

安装BS自定义文件输入:

NPM安装BS自定义文件输入--保存

导入到我的组件:

从“bs custom file input”导入bs custom file input;

初始化插件:

ngoninit()bsCustomFileInput.init();
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>

我这里缺什么?

1 回复 | 直到 7 年前

1

PitchBlackCat 7 年前

这个 Bootstrap documentation 说明

我们隐藏默认文件 <input> 通过不透明度和样式 <label> .

这意味着您必须更新 <标签& GT; 的 innerHTML 当你自己的价值 <输入& GT; 场变化。

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