Login / Join
Angular 2 Hello World Application in ES5
submitted on 12/08/2015 by
Codicode
+ infos
Config
Embed
Share
Angular 2 Hello World Application in ES5
by
Codicode
a simple Hello world application with built in directive to get started with angular js 2.x alpha using standart ECMAScript 5
Framework 1 :
-- None --
jQuery 2.0.3
jQuery 1.9.1
jQuery 1.9.0
jQuery 1.8.0
jQuery 1.7.1
jQuery 1.6.3
jQuery UI 1.10.3
MooTools 1.4.5
AngularJS 1.0.4
Prototype 1.7.1.0
Dojo 1.8.3
Chrome Frame 1.0.3
Ext Core 3.1.0
SWFObject 2.2
WebFont Loader 1.1.2
Framework 2 :
-- None --
jQuery 2.0.3
jQuery 1.9.1
jQuery 1.9.0
jQuery 1.8.0
jQuery 1.7.1
jQuery 1.6.3
jQuery UI 1.10.3
MooTools 1.4.5
AngularJS 1.0.4
Prototype 1.7.1.0
Dojo 1.8.3
Chrome Frame 1.0.3
Ext Core 3.1.0
SWFObject 2.2
WebFont Loader 1.1.2
+ Js file(s) :
//code.angularjs.org/2.0.0-alpha.28/angular2.sfx.dev.js
+ Css file(s) :
Apply
Link :
Direct http link :
Fork button :
Html code :
Embed preview :
Copy the following html code to your page to embed the preview,
To include many previews on a single page, just repeat the first line.
You can change the width, height and border color (bcolor).
<div class="refork-widget" code="34e" style="width:100%;height:200px;" bcolor="#ccc"></div>
<script type="text/javascript" src="//snippet.run/d/z.js"></script>
HTML
<div style="text-align:center"> <myapp></myapp> </div>
CSS
body{ background-color:#fff; padding:20px; }
Javascript
function MyMessage(){} MyMessage.annotations = [ new angular.ComponentAnnotation({ selector: "message" }), new angular.ViewAnnotation({ template: "<div>This is a simple message</div>" }) ]; function MyApp(){ this.name = "Angular 2.0 World"; } MyApp.annotations = [ new angular.ComponentAnnotation({ selector: "myapp" }), new angular.ViewAnnotation({ directives: [MyMessage], template: "<div><h1>Hello {{ name }}</h1><message></message></div>" }) ]; document.addEventListener("DOMContentLoaded", function(){ angular.bootstrap(MyApp); });
©2013 Copyright snippet.run
Privacy
-
Terms of use
-
About
-
Contact