Angular 2 click on does not go to link

Question

In a component I have something like this:

<a class="btn" [attr.href]="movie.imdbUrl" target="_blank" >IMDb</a>

but when I click on it nothing happens.

movie.imdbUrl points to "http://www.imdb.com/title/tt2305051/" and I thought it would be equivalent to:

<a class="btn" href="http://www.imdb.com/title/tt2305051/" target="_blank" >IMDb</a>

What am I missing?

score 1 · Answer 1 · edited May 23 '17 at 11:54

1

Maybe not the most elegant way, but definitelly should work:

How to redirect to an external URL in Angular2

window.location.href = '...';

edited May 23 '17 at 11:54

Community

1
1

answered Jun 19 '16 at 08:28

Petr Adam

1,425
11
23

My question is related to Angular 2. There is no more ng-href in Angular 2. – hholtij Jun 19 '16 at 08:32
Im sorry, thought its angular 1, I've deleted the old post – Petr Adam Jun 19 '16 at 08:39

score 1 · Answer 2 · answered Jun 19 '16 at 08:42

1

Thix example work for me :

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

 @Component({
     selector: 'my-app',
     template: `
        <a class="btn" [attr.href]="movie.imdbUrl" target="_blank" >IMDb</a>
        `
})
export class AppComponent {
    movie = {
       imdbUrl: "http://www.imdb.com/title/tt2305051/"
    }
}

Are you sure you have defined the movie object correctly in your Component ?

answered Jun 19 '16 at 08:42

NotBad4U

1,502
1
16
23

I did but I also had a typo in an id attribute which read "movie" as well. That confused Angular. Can't say I blame it. Thanks to everybody who responded. – hholtij Jun 19 '16 at 10:44

Angular 2 click on does not go to link

2 Answers2