Angular - needed digest

by Amanda Williamson

HTML

<script src="https://rawgit.com/lodash/lodash/2.4.1/dist/lodash.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.5/angular.min.js"></script>
<div ng-app="myApp"
     ng-controller="AppCtrl as vm">
         
    
    <list ng-model="vm.name"></list>
         {{vm.name}}
</div>

CSS

html, body {
    height:100%;
    width:100%;
}
p {
}

JavaScript

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

window.vms = {};

app.controller('AppCtrl', AppCtrl);
AppCtrl.$inject = ['$scope'];

function AppCtrl($scope) {
    var vm = this;
    vm.name = 'Amanada';
};

app.directive('list', listDirective);

listDirective.$inject = [];

function listDirective() {
    var directive = {
        require: 'ngModel',
        restrict: 'E',
       
        template: [
            '<input ng-model="vm.name" />'
        ].join(''),
        link: link
    };
    return directive;
    
    function link (scope, element, attrs, ngModel){
        console.log(ngModel);
        window.ngModel = ngModel;
    }
}