Skip to content

Instantly share code, notes, and snippets.

@bennett000
Created September 16, 2018 02:58
Show Gist options
  • Save bennett000/4ee30c804aa57a9c83e6b8b5205de5b7 to your computer and use it in GitHub Desktop.
Save bennett000/4ee30c804aa57a9c83e6b8b5205de5b7 to your computer and use it in GitHub Desktop.
Angular 6, Pure JavaScript
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Hello Angular</title>
<meta name="description" content="Hello Angular">
<meta name="author" content="Michael J. Bennett">
</head>
<body>
<app>Loading...</app>
<script src="https://unpkg.com/zone.js/dist/zone.min.js">/** There are ways to not load zone */</script>
<script src="https://unpkg.com/rxjs@6.0/bundles/rxjs.umd.min.js"></script>
<script src="https://unpkg.com/@angular/core@6.1/bundles/core.umd.min.js"></script>
<script src="https://unpkg.com/@angular/common@6.1/bundles/common.umd.min.js"></script>
<script src="https://unpkg.com/@angular/compiler@6.1/bundles/compiler.umd.min.js"></script>
<script src="https://unpkg.com/@angular/platform-browser@6.1/bundles/platform-browser.umd.min.js"></script>
<script src="https://unpkg.com/@angular/platform-browser-dynamic@6.1/bundles/platform-browser-dynamic.umd.min.js"></script>
<script>
const appComponent = ng.core.Component({
selector: 'app',
template: 'Hello World!',
})(function AppComponent() {});
const appModule = ng.core.NgModule({
declarations: [ appComponent ],
imports: [
ng.platformBrowser.BrowserModule,
],
bootstrap: [ appComponent ],
})(function AppModule() {});
ng.platformBrowserDynamic.platformBrowserDynamic().bootstrapModule(appModule)
.catch(console.log.bind(console, 'FATAL'));
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment