我是Angular的新手,还在努力学习这项技术。我有一个Angular 5应用程序,我想在其中使用JS组件。这可能是一个更一般的问题,但这里是我的细节。
设置: VS代码,Angular 5组件:http://seiyria.com/bootstrap-slider/
我使用npm install bootstrap-slider安装了它。我可以看到node_modules文件夹中的文件。
我在angular-cli.json文件中包含了CSS和JS文件:
"styles": [
"../node_modules/bootstrap-slider/dist/css/bootstrap-slider.min.css"
],
"scripts": [
"../node_modules/bootstrap-slider/dist/bootstrap-slider.min.js"
],
我可以在我的component.html中使用HTML标记:
<input id="ex1" data-slider-id='ex1Slider' type="text" data-slider-min="0" data-slider-max="20" data-slider-step="1" data-slider-value="14"/>
当我将JS代码段放到component.ts文件中时,我得到一个错误。
var slider = new Slider('#ex1', {
formatter: function(value) {
return 'Current value: ' + value;
}
});
错误:找不到名称“Slider”。
我认为我不需要使用import语句,而且根据我的研究,看起来不应该在component.html文件中包含JS或CSS。
如有任何帮助,我们不胜感激!
https://stackoverflow.com/questions/50650087
复制相似问题