isolated scope issue

by Mayank Dixit

HTML

<div ng-init>
    <div ng-controller="mainCtrl">
        Main: {{listThatChanges}} {{mad}}<br/>
        <div aids="listThatChanges"></div>
    </div>
</div>

JavaScript

angular.module('myApp', [])
    .controller("mainCtrl", function ($scope) {
    $scope.mad = "The name";
    $scope.listThatChanges = ["ram", "shyam"];
        window.setTimeout(function() {
            $scope.listThatChanges.push("sasa");
            $scope.mad = "The mad Name";
            $scope.$apply();
        }, 3000);
})
    .directive('aids', function () {
    return {
        restrict: 'AE',
        scope: {
            namelist: '=aids'
        },
        template: 'Directive: {{namelist}} {{mad}}',
        link: function ($scope, $elem, $attrs) {
            $scope.someData = "hi some data";
        }
    }
});