bugfix (anchor routing)

src/app/automatization/automatization.component.html

@@ -14,10 +14,10 @@
 </div>
 
 <div class="row anchor-menu">
-    <a (click)="anchorRouting('about')" class="anchor-menu-item">О продукте</a>
+    <a href="automatization#about" (click)="anchorRouting('about')" class="anchor-menu-item">О продукте</a>
-    <a (click)="anchorRouting('advantage')" class="anchor-menu-item">Преимущества</a>
+    <a href="automatization#advantage" (click)="anchorRouting('advantage')" class="anchor-menu-item">Преимущества</a>
-    <a (click)="anchorRouting('solutions')" class="anchor-menu-item">Решения</a>
+    <a href="automatization#solutions" (click)="anchorRouting('solutions')" class="anchor-menu-item">Решения</a>
-    <a (click)="anchorRouting('reply')" class="anchor-menu-item">Обратная связь</a>
+    <a href="automatization#reply"(click)="anchorRouting('reply')" class="anchor-menu-item">Обратная связь</a>
 </div>
 
 <span id="about"></span>

src/app/automatization/automatization.component.ts

@@ -16,20 +16,10 @@ import { ImgCaruselComponent } from '../img-carusel/img-carusel.component';
 export class AutomatizationComponent {
   constructor(
     private router:Router, private seo:SEOService
-  ){}
+  ){} 
 
-  anchor?:string;  
+  anchorRouting(anchor:string){   
-
+      this.router.navigate([`/automatization`],{ fragment: anchor })
-  anchorRouting(anchor:string){
-    if(anchor==this.anchor){      
-      this.router.navigate([`/automatization`]).then(
-        ()=>this.router.navigate([`/automatization`], { fragment: anchor })
-      )
-    }else{
-      this.anchor = anchor;
-      console.log(anchor)
-      this.router.navigateByUrl(`/automatization#${anchor}`)
-    }
   }
 
   images = [

src/app/development/development.component.html

@@ -14,9 +14,9 @@
 </div>
 
 <div class="row anchor-menu">
-    <a (click)="anchorRouting('about')" class="anchor-menu-item">О продукте</a>
+    <a href="development#about" (click)="anchorRouting('about')" class="anchor-menu-item">О продукте</a>
-    <a (click)="anchorRouting('advantage')" class="anchor-menu-item">Преимущества</a>
+    <a href="development#advantage" (click)="anchorRouting('advantage')" class="anchor-menu-item">Преимущества</a>
-    <a (click)="anchorRouting('reply')" class="anchor-menu-item">Обратная связь</a>
+    <a href="development#reply" (click)="anchorRouting('reply')" class="anchor-menu-item">Обратная связь</a>
 </div>
 
 <a id="about"></a>

src/app/development/development.component.ts

@@ -23,18 +23,9 @@ export class DevelopmentComponent {
     this.seo.updateDescription('Разработка ПО любой сложности под любые задачи. Помогаем автоматизировать бизнес-процессы, избавляем от рутинных задач, находим новые решения.');
     this.seo.updateImage('assets/img/development.jpg')
   }
-
-  anchor?:string;  
   
-  anchorRouting(anchor:string){
+  anchorRouting(anchor:string){   
-    if(anchor==this.anchor){      
+      this.router.navigate([`/development`],{ fragment: anchor })
-      this.router.navigate([`/development`]).then(
-        ()=>this.router.navigate([`/development`], { fragment: anchor })
-      )
-    }else{
-      this.anchor = anchor;
-      this.router.navigate([`/development`], { fragment: anchor })
-    }
   }
 
   images = [

src/app/sites/sites.component.html

@@ -14,10 +14,10 @@
 </div>
 
 <div class="row anchor-menu">
-    <a (click)="anchorRouting('about')" class="anchor-menu-item">О продукте</a>    
+    <a href="sites#about" (click)="anchorRouting('about')" class="anchor-menu-item">О продукте</a>    
-    <a (click)="anchorRouting('advantage')" class="anchor-menu-item">Особенности</a>
+    <a href="sites#advantage" (click)="anchorRouting('advantage')" class="anchor-menu-item">Особенности</a>
-    <a (click)="anchorRouting('function')" class="anchor-menu-item">Функционал</a>
+    <a href="sites#function" (click)="anchorRouting('function')" class="anchor-menu-item">Функционал</a>
-    <a (click)="anchorRouting('reply')" class="anchor-menu-item">Обратная связь</a>
+    <a href="sites#reply" (click)="anchorRouting('reply')" class="anchor-menu-item">Обратная связь</a>
 </div>
 
 <a id="about"></a>

src/app/sites/sites.component.ts

@@ -18,17 +18,8 @@ export class SitesComponent {
     private router:Router, private seo:SEOService
   ){};
 
-  anchor?:string;
-
   anchorRouting(anchor:string){
-    if(anchor==this.anchor){      
+      this.router.navigate([`/sites`],{ fragment: anchor })
-      this.router.navigate([`/sites`]).then(
-        ()=>this.router.navigate([`/sites`], { fragment: anchor })
-      )
-    }else{
-      this.anchor = anchor;
-      this.router.navigate([`/sites`], { fragment: anchor })
-    }
   }
 
   images = [