import { Component } from '@angular/core';
import { Router } from '@angular/router';

import { AppUtilService } from './app-util.service';

@Component({
  selector: 'annotator',
  templateUrl: './annotator.component.html',
  styleUrls: ['./annotator.component.css'],
})

export class AnnotatorComponent {
  constructor(
    public router: Router,
    public appService: AppUtilService,
  ) { }

  actionBack(): void {
    this.router.navigate(['./dataview']);
  }

  getClip(): any {
    return null;
  }

  getClipName(): string {
    return "";
  }

  getAudioData(): any {
    return null;
  }
}

import { Component } from '@angular/core';
import { Router } from '@angular/router';

import { AppUtilService } from './app-util.service';

@Component({
  selector: 'annotator',
  templateUrl: './annotator.component.html',
  styleUrls: ['./annotator.component.css'],
})

export class AnnotatorComponent {
  constructor(
    public router: Router,
    public appService: AppUtilService,
  ) { }

  actionBack(): void {
    //this.appService.data.selected=null
    this.router.navigate(['./selector']);
  }

  getClip(): any {
    return null;
  }

  getClipName(): string {
    return "";
  }

  getAudioData(): any {
    return null;
  }
}

--- 
+++ 
@@ -16,8 +16,7 @@
   ) { }
 
   actionBack(): void {
-    //this.appService.data.selected=null
-    this.router.navigate(['./selector']);
+    this.router.navigate(['./dataview']);
   }
 
   getClip(): any {
Set the proper back button URL
