$anchorScroll equivalent in Angular2 for Same page anchor navigation

[Jeetendra Kumawat]

Hi All,

I am learning Angular2 since a month. I have used angular2 router in my application and am using hash Location Strategy for Navigation in Angular app which is best suitable for my need.

Actually, I want to have anchor tag with href="#someDivID" for sub-navigation inside one page but each time it clicked angular2 Error pops up and ask for route which is not there.

I have found that in Angular1.0 there is $anchorScroll which works fine after setting Location.Hash.

Do we have any equivalent in Angular2 for $anchorScroll?

Please help!!

 

[Günter Zöchbauer]

https://github.com/angular/angular/issues/4944

[Jeetendra Kumawat]

Thank you Günter!! I will follow the Issue.

[Benny Bottema]

I recently published ng2-simple-page-scroll, a simple anchor jumping directive that works with routing and within routed views:

<a simplePageScroll href="#myanchor">Go there</a>

Or right after routing:

<a simplePageScroll [routerLink]="['Home']" href="#myanchor">Go there</a>

It does a simple instant jump, but it works. It's compatible with Angular2 rc1.

[Michael Schreiber]

Are there typings included with the npm install? 

I am having pathing issues on the import of the directive.

Thanks

[Michael Schreiber]

Got it working. Had pathing issues. 

[Pallavi Darbhamulla]

Hi Benny,
Could you please release the version with the fix for this ussue:

node_modules/ng2-simple-page-scroll/src/ng2-simple-page-scroll.directive.ts
(35,71): error TS2339: Property 'changes' does not exist on type 'Router'.

Thanks,
Pallavi

On Friday, May 20, 2016 at 2:33:44 PM UTC-6, Benny Bottema wrote:

[Benny Bottema]

Please check my comments on https://github.com/bbottema/ng2-simple-page-scroll/issues/4.

--
You received this message because you are subscribed to a topic in the Google Groups "AngularJS" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/angular/EwAbsf9MpBM/unsubscribe.
To unsubscribe from this group and all its topics, send an email to angular+unsubscribe@googlegroups.com.
To post to this group, send email to ang...@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.