Why doesn't the function in Angular want to work?

Question

Angular

Hello, tell me why my function may not work.
Clicking on the title should roll back the dialog box:

<span class="title" ng-click="openTask($index)">{{ task.title }}</span>

That is, this function should work

$scope.openTask = function( id ){
    var task = $scope.tasks[id];
    $scope.activeTask = {
      title: task.title,
      description: task.description,
      done: task.done
    }
    $scope.currentTaskId = id;
    $scope.taskModal.show();
    console.log('Должно пахать');
  }

But absolutely nothing happens, and no error message is displayed in the console.
If this function is put in a button, then it works, but it does not want to appear on the header.

Answer 1

You posted too little to understand why it does not work for you, because there are no problems with span jsbin.com/fukexaxuvu/edit?html,js,console,output