<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>AngularJS Directive Example</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<body ng-app="myApp">
<div ng-controller ="mainController as mainCtr">
<form>
<label for="song-name">What is your favorite song? </label>
<input ng-model="mainCtr.song" type="text" name="song-name">
</form>
<p>Your favorite song is "{{mainCtr.song}}"</p>
</div>
</body>
<script src='http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/angular.min.js'></script>
<script src="js/index.js"></script>
</body>
</html>
/*Downloaded from https://www.codeseek.co/13thDayCoder/angularjs-directive-example-EjLjeZ */
html, body, label, input {
font-size: 1.2em;
}
/*Downloaded from https://www.codeseek.co/13thDayCoder/angularjs-directive-example-EjLjeZ */
var app = angular.module('myApp', []);
app.controller('mainController', function () {
var mv = this;
mv.song = "All About That Bass";
});
Bootstrap
Angular
ReactJS
jQuery
VueJS
HTML
CSS
JavaScript
AngularJS
v1.3.14
![[test] elevateZoom](https://codepen.io/mtrw/pen/ddEJge/image/small.png)
