AngularJS Example

for http://stepansuvorov.com/blog/

by Stepan Suvorov

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.8/angular.min.js"></script>
<div ng-controller="userController1">
    <input ng-model="name.first" />
     <h1>Hi, {{name.first}}!</h1>

</div>
<div ng-controller="userController2 as user">
    <input ng-model="user.name.first" />
     <h1>Hi, {{user.name.first}}!</h1>

</div>

JavaScript

var app = angular.module('foo', [])

app.controller('userController1', function ($scope) {
    $scope.name = {};
    $scope.name.first = 'Alice';
});

app.controller('userController2', function ($scope) {
    this.name = {};
    this.name.first = 'Bob';
});