Question

我们有一个使用Require js，Jquery构建的应用程序。现在我们想在应用程序中的一个屏幕上添加角度2。我尝试了几个使用angular2的例子，它的优点和工作正常。

现在我打算将它与我们的应用程序集成。因此，根据以下链接，我发现我们必须在angular2中使用system.js而不是require.js {{3}}

但在那种情况下，我有一些实用工具j，我不能改变，因为它在各种屏幕中使用。实用程序js需要语法

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

请注意在这种情况下我将如何添加依赖于我的新角度2组件。我是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{
}

请建议。

Answer 1

我认为您可以将JS文件配置为SystemJS。加载程序支持不同的模块格式，如System，CommonJS和AMD。

以下是一个示例：

BatchDuration

然后你就可以这样导入你的lib了：

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

或

import * as yourlib from 'yourlib';

将此plunkr视为示例（文件lib.js，config.js和src / app.js）：https://plnkr.co/edit/nRaO0c4Qmr3KUcFhVHbq?p=preview。

具有实用程序js的Angular 2需要js

1 个答案: