<my-app>Loading...</my-app>html {
background: linear-gradient(#0143A3,#0273D4);
height: 100%;
}
body {
text-align: center;
color: #fff;
background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/15309/shield-with-beta.png") 50% 0 no-repeat;
background-size: 300px;
padding-top: 180px;
}// add component
(function(app) {
app.AppComponent = ng.core
.Component({
selector: 'my-app',
template: '<h1>Hello World</h1>'
})
.Class({
constructor: function() {}
});
})(window.app || (window.app = {}));
// bootstrap app
(function(app) {
document.addEventListener('DOMContentLoaded', function() {
ng.platform.browser.bootstrap(app.AppComponent);
});
})(window.app || (window.app = {}));
External CSS
This Pen doesn't use any external CSS resources.