Почему переменная ng-init не переопределена контроллером? [Дубликат]

Я новичок в угловой.

Почему моя переменная ng-init не переопределяется в контроллере?

<div ng-init="name='Emmad'" ng-controller="TodoController as todoCtrl" >
     <my-name></my-name>
</div>

мой контроллер:

App.controller('TodoController',['$scope',function($scope){
    $scope.name = "Zahid";
}]);

и моя директива:

App.directive('myName',function(){
    return {
        restrict: 'EA',
        template: '<b>{{name}}<b>'
    }
});

Выход всегда:

Emmad

Это должно быть "zahid", потому что я использую директиву в контроллере, а контроллер переопределяет переменную имени.

Вопросов:
1-Почему его не "захид"?
2-Если бы я поставил точку останова на

$scope.name = "Zahid";

Я не вижу переменную 'name' в $ scope, почему?