Vincent Ogloblinsky vogloblinsky

## webpack.config.js
/* global module */
const AotPlugin = require('@ngtools/webpack').AngularCompilerPlugin;
const CompressionPlugin = require("compression-webpack-plugin");
const path = require('path');

module.exports = {
  entry: './src/main.ts',
  resolve: {
    mainFields: ['es2015', 'browser', 'module', 'main']
  },

## hello.html
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Angular Elements Demo</title>
</head>
<body>

  <hello-world name="Anna"></hello-world>

## hello.register.ts
registerAsCustomElements([HelloComponent], () =>
  platformBrowserDynamic().bootstrapModule(HelloModule)
);

## hello.module.ts
@NgModule({
  imports: [BrowserModule],
  declarations: [HelloComponent],
  entryComponents: [HelloComponent]
})
export class HelloModule {
  ngDoBootstrap() {}
}

## hello.component.ts
@Component({
  selector: 'hello-world',
  template: `<h1>
      Hello world ! My name is {{name}} !
  </h1>
  <button (click)="onClick()">Hi !</button>`,
  styles: [`
    button {
      color: #3498db;
    }

## gist:1429f035cf4a7306be64
'use strict';

/**
 * @ngdoc service
 * @name ObserverModule:ObserverService
 * @description
 * # ObserverService
 * Manages all events inside the application
 *
 */

## gist:e4cf61817e1772cb7b21
/*global _:false */

'use strict';

angular.module('PubSubEngineModule')
    .factory('PubSubEngine', ['$q', '$rootScope',
        function($q, $rootScope) {

            var PubSubEngine = {};
	/* global module */
	const AotPlugin = require('@ngtools/webpack').AngularCompilerPlugin;
	const CompressionPlugin = require("compression-webpack-plugin");
	const path = require('path');

	module.exports = {
	entry: './src/main.ts',
	resolve: {
	mainFields: ['es2015', 'browser', 'module', 'main']
	},
	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<title>Angular Elements Demo</title>
	</head>
	<body>

	<hello-world name="Anna"></hello-world>
	registerAsCustomElements([HelloComponent], () =>
	platformBrowserDynamic().bootstrapModule(HelloModule)
	);
	@NgModule({
	imports: [BrowserModule],
	declarations: [HelloComponent],
	entryComponents: [HelloComponent]
	})
	export class HelloModule {
	ngDoBootstrap() {}
	}
	@Component({
	selector: 'hello-world',
	template: `<h1>
	Hello world ! My name is {{name}} !
	</h1>
	<button (click)="onClick()">Hi !</button>`,
	styles: [`
	button {
	color: #3498db;
	}
	'use strict';

	/**
	* @ngdoc service
	* @name ObserverModule:ObserverService
	* @description
	* # ObserverService
	* Manages all events inside the application
	*
	*/
	/global _:false /

	'use strict';

	angular.module('PubSubEngineModule')
	.factory('PubSubEngine', ['$q', '$rootScope',
	function($q, $rootScope) {

	var PubSubEngine = {};