Skip to content

Instantly share code, notes, and snippets.

@shishirarora3
Created November 12, 2018 10:54
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save shishirarora3/e1559c58b6b5d76f593cc423fb528f65 to your computer and use it in GitHub Desktop.
Save shishirarora3/e1559c58b6b5d76f593cc423fb528f65 to your computer and use it in GitHub Desktop.
AngularJS Tutorials // source https://jsbin.com/johaye
<!DOCTYPE html>
<html>
<head>
<title>AngularJS Tutorials</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.2/angular.js"></script>
</head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.3/css/foundation.css">
<body>
<div ng-app="app">
<input type="text" ng-model="message">
<h1>{{message}}</h1>
<!-- we've replaced the use of $scope with the preferred "controller as" syntax. see: http://toddmotto.com/digging-into-angulars-controller-as-syntax/-->
<div ng-controller="FirstCtrl as first">
<input type="text" ng-model="message">
<h1>{{message}}</h1>
</div>
<div ng-controller="SecondCtrl as second">
<input type="text" ng-model="message">
<h1>{{message}}</h1>
</div>
</div>
<script id="jsbin-javascript">
angular.module('app', [])
.controller('FirstCtrl', function FirstCtrl() {
var first = this;
first.message = "First";
})
.controller('SecondCtrl', function SecondCtrl() {
var second = this;
second.message = "Second";
});
</script>
<script id="jsbin-source-javascript" type="text/javascript">angular.module('app', [])
.controller('FirstCtrl', function FirstCtrl() {
var first = this;
first.message = "First";
})
.controller('SecondCtrl', function SecondCtrl() {
var second = this;
second.message = "Second";
});
</script></body>
</html>
angular.module('app', [])
.controller('FirstCtrl', function FirstCtrl() {
var first = this;
first.message = "First";
})
.controller('SecondCtrl', function SecondCtrl() {
var second = this;
second.message = "Second";
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment