Login / Join
Angular Js Hello World Application
submitted on 23/04/2015 by
Codicode
+ infos
Config
Embed
Share
Angular Js Hello World Application
by
Codicode
First AngularJs hello world sample application.
First steps testing angular js 1.x
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) :
//ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.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="b8d" style="width:100%;height:200px;" bcolor="#ccc"></div>
<script type="text/javascript" src="//snippet.run/d/z.js"></script>
HTML
<h2>Angular Js Hello World Application</h2> <div ng-app="myApp" ng-controller="myController"> Your name : <input ng-model="name" /> <input type="checkbox" ng-model="showWelcome" /> Show welcome message <br /><br /> <span ng-show="showWelcome">Hello <b>{{ name }}</b></span> </div>
CSS
body{ background-color:#fff; padding:10px 50px; }
Javascript
var myApp = angular.module('myApp', []); myApp.controller("myController", function ($scope) { $scope.name = 'Random user'; $scope.showWelcome = true; });
©2013 Copyright snippet.run
Privacy
-
Terms of use
-
About
-
Contact