Строка таблицы при щелчке не работает в Angular7

Я пытаюсь вызвать функцию всякий раз, когда я щелкаю строку в таблице HTML, но она не работает и не выдает никаких ошибок.

Я пробовал несколько вещей, и онлайн-код показывает, что то, как я это делаю, должно работать.

Мой код выглядит следующим образом:

HTML:

<h2>Userstories</h2>

<button (click) = "onNewStory()">New Story</button>

<table>
  <tr *ngFor = "let story of userstories" ng-click = "onUpdate(story)" [class.selected] = "story === selectedStory">
      <td>{{story.id}}</td>
      <td>{{story.name}}</td>
      <td><button ng-click = "onUpdate(story)">Click me!</button></td>
  </tr>
</table>

<app-userstory-detail [story] = "selectedStory"></app-userstory-detail>

И мой .ts выглядит так:

  selectedStory: UserStory;
  onNewStory() {
    var newStory = {id:this.userstories[this.userstories.length-1].id+1, name:"", description:"Deze is nieuw", status:"open", owner:USERS[1]};
    this.userstories.push(newStory);
    this.selectedStory = newStory;
  }

  onUpdate(userstory: UserStory): void {
    this.selectedStory = userstory;
    console.info(this.selectedStory);
  }

В настоящее время моя консоль не печатает журнал, когда я пытаюсь вызвать метод onUpdate. Ожидаемый результат - увидеть некоторый вывод в журналах, но я понятия не имею, почему он не запускает метод onUpdate.