2016-05-30 65 views
1

我们有一个应用程序构建与需要js,jquery。现在我们想将角度2添加到应用程序中的其中一个屏幕上。我尝试了几个使用angular2的例子,它的功能非常好,工作正常。角2与实用js有要求js

现在我打算将它与我们的应用程序集成在一起。因此,按照下面的链接,我发现我们必须使用angular2 system.js而不是require.js https://github.com/angular/angular/issues/5412

但在这种情况下,我有一些实用JS其中,因为它在不同的屏幕中使用我不能改变。该实用程序的JS在这种情况下,我将如何添加依赖我的新角2组件需要语法

define(['jquery','misc','utils','common','screenUtils'], 
    function(jQuery, misc,utils,common,screenUtils) { 
    //Public function goes here. 
return publicFunctions; 
} 
); 

请指点。我是angular2的新手,不知道如何用require来注入工具js。

import {Component} from '@angular/core'; 

@Component({ 
    selector: 'animate-app', 
    templateUrl: 'ts-src/animate.tpl.html', 
    host: {'class' : 'ng-animate page2Container'} 
}) 
export class AnimateComponent{ 
} 

请指教。

回答

0

我认为你可以将你的JS文件配置到SystemJS中。加载器支持不同的模块格式,如System,CommonJS和AMD。

这里有一个例子:

System.config({ 
    map: { 
    yourlib: 'path-to/lib.js' 
    } 
}); 

然后你就那么可以导入你的lib是这样的:

import * as yourlib from 'yourlib'; 

import {test} as yourlib from 'yourlib'; 

看到这个plunkr作为样本(文件lib.js,config.js和src/app.js):https://plnkr.co/edit/nRaO0c4Qmr3KUcFhVHbq?p=preview