Navigation Menu

Skip to content

Instantly share code, notes, and snippets.

@yjaaidi

yjaaidi/ngx-light-hello.html

Created June 11, 2022 14:23
Show Gist options
  • Star 9 You must be signed in to star a gist
  • Fork 2 You must be signed in to fork a gist
  • Save yjaaidi/7880a055876e50e2995471ab113dce02 to your computer and use it in GitHub Desktop.
Save yjaaidi/7880a055876e50e2995471ab113dce02 to your computer and use it in GitHub Desktop.
Download ZIP
Tinest Angular App
Raw
ngx-light-hello.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>👨🏻‍🍳🅰️ Ngx Light by Younes @ Marmicode.io</title>
<meta name="description" content="👨🏻‍🍳🅰️ Ngx Light" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<script type="importmap">
{
"imports": {
"@angular/common": "https://unpkg.com/@angular/common@14.0.1/fesm2020/common.mjs",
"@angular/compiler": "https://unpkg.com/@angular/compiler@14.0.1/fesm2020/compiler.mjs",
"@angular/core": "https://unpkg.com/@angular/core@14.0.1/fesm2020/core.mjs",
"@angular/platform-browser": "https://unpkg.com/@angular/platform-browser@14.0.1/fesm2020/platform-browser.mjs",
"rxjs": "https://unpkg.com/@esm-bundle/rxjs@7.5.5/esm/es2015/rxjs.min.js",
"rxjs/operators": "https://unpkg.com/@esm-bundle/rxjs@7.5.5/esm/es2015/rxjs-operators.min.js",
"zone.js": "https://unpkg.com/zone.js@0.11.5/fesm2015/zone.min.js"
}
}
</script>
</head>
<body>
<mc-app></mc-app>
<script type="module">
import 'zone.js';
import '@angular/compiler';
import { CommonModule } from '@angular/common';
import { bootstrapApplication } from '@angular/platform-browser';
import { Component, Injectable } from '@angular/core';
// @todo switch to decorators the days ES decorators land
// https://github.com/tc39/proposal-decorators
export function defineComponent(componentDef) {
const { component = class {}, ...rest } = componentDef;
return Component({
standalone: true,
...rest,
})(component);
}
const App = defineComponent({
selector: 'mc-app',
template: `
<h1>Hello!</h1>
<a href="https://twitter.com/yjaaidi" target="_blank">🐦 @yjaaidi</a>
`
});
bootstrapApplication(App);
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment