title: Instagram API: how to catch access_token in Angular 2/4/5
body: <p>My angular 2 project is implementing the Instagram authentication as below:</p>
  
  <ol>
  <li>Register Instagram Client, add sandbox user (as prerequisite)</li>
  <li><p>In signup.html</p>
  
  <pre><code>&lt;button type="button" class="btn btn-round"(click)="signInWithInsta()"&gt;&lt;i class="fa fa-instagram"&gt; Instagram &lt;/i&gt; &lt;/button&gt;
  </code></pre></li>
  <li><p>In signup.component.ts</p>
  
  <pre><code>import { Router, ActivatedRoute } from '@angular/router';
  
  constructor(
          private router: Router,
          private route: ActivatedRoute   
      ) { }
  
  ngOnInit() {
  
     this.route
              .queryParams
              .subscribe(params =&gt; {
                  console.log('params: ' + JSON.stringify(params));
                  let at = params['#access_token'];
                  console.log('access_token: ' + at);
              });
  
  }
  
  signInWithInsta(): void {
          let url =
              'https://api.instagram.com/oauth/authorize/?client_id=' + INSTAGRAM_CLIENT_ID +
              '&amp;redirect_uri=' + encodeURIComponent('https://localhost:4200/index.html#/access_token') +
              '&amp;response_type=token';
          console.log(url);
          window.location.href = url;
      }
  </code></pre></li>
  </ol>
  
  <p>Result: 
  the log I received is just empty.</p>
  
  <p>Question: How to catch the access_token from Instagram API.</p>
  
  <p>Any suggestion about implementing Instagram login in Angular 2/4/5 is also appreciated</p>