按类和data- *属性加载插件

Question

在angular-cli项目中，我必须使用一个简单的jquery / bootstrap插件：if($success) { echo "<script type=\"text/javascript\">". "alert('Form submitted successfully.');". "</script>"; } 。

我想通过data-attribute使用它，而不直接调用jquery。

步骤：

boostrap-filestyle

添加到angular-cli.json：

npm install --save jquery bootstrap-filestyle

Bootstrap似乎有效。但正如bootstrap-filestyle doc所述，我们可以通过这种方式调用输入来转换文件输入：

"scripts": [
  "../node_modules/jquery/dist/jquery.min.js",
  "../node_modules/bootstrap/dist/js/bootstrap.min.js",
  "../node_modules/bootstrap-filestyle/src/bootstrap-filestyle.min.js"
],

我们还可以在数据属性中设置选项，但这根本不起作用：

<input type="file" class="filestyle">

我的问题是：即使在生成的bundle.js中正确加载了 bootstrap-filestyle，我的文件输入也没有使用bootstrap-filestyle 。就像没有触发jquery插件一样。

我设法通过设置加载html模板文件来调用此输入文件：

<input type="file" class="filestyle"data-buttonBefore="true" data-buttonText="Please choose a file">

但是我对这个直接调用jquery的解决方案不满意。有没有通过数据属性来实现jquery插件加载的正确方法？

注意：在一个静态html文件中，我只需加载上面提到的三个js文件，一切正常，无需调用jquery。