Question

我的配置如下：我正在使用这个生成器：

https://github.com/chrisdwheatley/generator-angular2/

我有angular 2 beta.8，我使用gulp，因为它是这个生成器使用的，所以我在我想要构建项目时选择它，并选择特定文件等等。

我使用了一个config.js文件，我在其中映射了几个东西（我使用它如下：System.config({ ...，在我的package.json中，我拥有所有版本：gulp, systemjs, angular2。 ..

所以我想知道如何添加外部JavaScript库（例如这个：http://bl.ocks.org/brattonc/5e5ce9beee483220e2f6

我们可以在其中找到以下内容，作为索引中的脚本：

var gauge1 = loadLiquidFillGauge("fillgauge1", 55);
var config1 = liquidFillGaugeDefaultSettings();
config1.circleColor = "#FF7777";
config1.textColor = "#FF4444";
config1.waveTextColor = "#FFAAAA";
config1.waveColor = "#FFDDDD";
config1.circleThickness = 0.2;
config1.textVertPosition = 0.2;
config1.waveAnimateTime = 1000;

我已成功使用PLUNKER中的，现在无法在gulp，local和部署代码中重现。

我所做的是将该代码放在一个函数中：my src/文件夹：

function bubble() {
var config1 = liquidFillGaugeDefaultSettings();
config1.circleColor = "#FF7777";
config1.textColor = "#FF4444";
...
...

我还有一个liquidFillGauge.js文件，我从同一页面上获取，上面已链接，但未受影响。

然后，我想复制我在plunker中所做的事情，其中包括：

export class MyClass{
 constructor() {
bubble();
 }
}

所以我的问题是，如何使系统/配置无关的配置使用你有权访问的javascript库，在角度2中，与你的打字稿代码集成

原因是我想要这样做几次，所以我想要一个适用于任何javascript库的解决方案，如果可能的话，不考虑具有angular-cli，或者某些版本，或其他东西。

我无法得到结果，现在我不知道是不是因为缺乏能力或缺乏对这一特定行动的支持，但这里有一些我尝试过的事情：

https://stackoverflow.com/a/38032553/6028947

https://stackoverflow.com/a/35046581/6028947

https://stackoverflow.com/a/37348233/6028947

https://stackoverflow.com/a/34985622/6028947

对于记录我的意思是“它不起作用”是任何一个编译器抱怨使用bubble（）并且之前没有定义，或者，当我设法关闭它时，它仍然是错误的，因为我部署，看看Chrome浏览器控制台，它显示了这样或类似的东西：

ReferenceError: bubble is not defined
at new MyClass... ... ...

如何使用角度为2的外部JavaScript库而不使用特定的生成器

0 个答案: