Почему angularJs не обновляет шаблон после изменений параметров родителя от дочернего event?

Question

[Никита Кит]

Нашёл любопытное тестовое по первому ангуляру. На конечном этапе столкнулся с проблемой обновления шаблона.
Пробовал по всякому - ангуляр не хочет никак. Я с 1м ангуляром не знаком, поэтому делаю естесн, по доке, и опираясь на опыт vue.
Проблемные места закомментированы

Answer 1

[alexkhismatulin]

Ты забыл ссылку на контроллер:

<div>
    Status: {{status ? status : "Waiting..."}}<br>
    Finished: {{myCtrl.finished}}
</div>

Или записывай значение finished в scope вместо контроллера:

$scope.$on('on-finish', (event, endTime, id) => {
  // колбэк отрабатывает, но finished в шаблоне не обновляется
  $scope.$endTime = endTime;
  $scope.finished = status = 'Timer ' + id + ' finished at ' + endTime;
  alert(this.finished);
})

Comments

[Никита Кит]

Всё равно не обновляется

[alexkhismatulin]

Никита Кит, либо пишешь {{myCtrl.finished}}, а в js оставляешь this.finished = ..., либо оставляешь в шаблоне {{finished}}, а в js пишешь $scope.finished = ....

[Никита Кит]

alexkhismatulin, заработало. Теперь я понял логику. Получается контроллер в контексте имеет $scope, в котором есть ссылка на этот же контроллер.