将js组件导入角5

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (27)

将css和js文件包含在ange-cli.json文件中:

  "styles": [
    "../node_modules/bootstrap-slider/dist/css/bootstrap-slider.min.css"
  ],
  "scripts": [
    "../node_modules/bootstrap-slider/dist/bootstrap-slider.min.js"
  ],

我可以在组件.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片段放入组件.ts文件中时,我会得到一个错误。

    var slider = new Slider('#ex1', {
  formatter: function(value) {
    return 'Current value: ' + value;
  }
});

错误:找不到名字‘Slider’。

我不认为我需要使用import语句,据我所研究,我不应该将JS或CSS包含在Component.html文件中。

提问于
用户回答回答于

Slider构成部分如下:

import { Component } from '@angular/core';
...
declare var Slider: any;
...
@Component({
...

更新1:

加入jsindex.html作为:

<head>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/10.0.2/bootstrap-slider.min.js"></script>
</head>

扫码关注云+社区

领取腾讯云代金券