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

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

  •  0
  • Ricky  · 技术社区  · 6 年前

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

    我设置模块的步骤如下:

    1. 安装BS自定义文件输入:

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

    1. 导入到我的组件:

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

    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>
    

    我这里缺什么?

    1 回复  |  直到 6 年前
        1
  •  1
  •   PitchBlackCat    6 年前

    这个 Bootstrap documentation 说明

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

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

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