CODEWITHSUNDEEP
javascriptangulartypescript
MatsGA
MatsGA

Reputation: 123

Angular2 web workers with ES5

I have gone down a path of using Angular2 but writing ES5 code, which means that the examples and guidance I find usually must be translated from answers relevant to TypeScript.

Can someone help me with an ES5 version of:

Bootstrapping the application. In TypeScript I see it done as:

import {WORKER_APP_PLATFORM, WORKER_APP_APPLICATION} from "angular2/platform/worker_app";
import {platform} from "angular2/core";
platform([WORKER_APP_PLATFORM]).application([WORKER_APP_APPLICATION]).bootstrap(myApp)

Accessing the web_workers component:

import {Component} from 'angular2/web_worker/worker';
@Component({ ... ])

I assumed the latter would be achieved by calling 

ng.web_worker.worker.Component({ ... })

But that seems to not be the case: ng.web_worker is undefined.

The problem might be that I seem to not be able to include web_worker/ui.js properly. When I include it instead of bundles/angular2-all.umd.js I only get error messages about require being undefined. When I explicitly include RequireJS in my project I get a bunch of other errors.

Any help will be greatly appreciated!

Upvotes: 12

Views: 1596

Answers (1)

carlosdubusm
carlosdubusm

Reputation: 1083

Can I ask, why do you want to do it with ES5? You can easily use SystemJS and ES6 if you don't like Typescript. Typescript would be almost identical to ES6.

In case you still want to do it with ES5, you need to change the imports to require calls:

var WORKER_APP_PLATFORM = require("angular2/platform/worker_app").WORKER_APP_PLATFORM;
var WORKER_APP_APPLICATION = require("angular2/platform/worker_app").WORKER_APP_APPLICATION;
var platform = require("angular2/core").platform;
platform([WORKER_APP_PLATFORM]).application([WORKER_APP_APPLICATION]).bootstrap(myApp)

Another example:

var Component = require('angular2/web_worker/worker').Component;

You get the idea. You also don't need RequireJS... You can use SystemJS. You should import the main file like this:

System.import("main")

SystemJS will resolve all the require calls async, but in the code, the require calls look sync.

Upvotes: 2

Related Questions