2016-12-07 21 views
0

Ionic2 angular2を使用してアプリケーションを作成しようとしています。今はいつかそれを使っています。ビューに動的に読み込まれたアイテムのGoogleページ検索を開きたいのですが、ビューを作成するにはangular2ロードされたアイテムをクリックして外部リンクをリダイレクト

次のコードがあります。私は、各項目をクリックすると

this.initializeItems(); 
    } 
    initializeItems() { 
    this.items=[ 

    'Tennis', 
    'cricket', 
    'Football', 
    'Table tennis', 
    'Badminton', 
    ]; 
    } 

だから、誰かがこれを行う方法を教えてもらえます

としてGoogleの検索ページを開く必要があります。

+0

タグを使用して、href thatsにwww.google.comを入力してください。 –

答えて

1
<div *ngFor="let item of items"> 
    <a [href]="'https://www.google.com/search?q='+item">Search {{item}}</a> 
</div> 

OR

<div *ngFor="let item of items"> 
    <a [attr.href]="'https://www.google.com/search?q='+item">Search {{item}}</a> 
</div> 

あなたがattrが必要になるでしょうが、私はそう思いますかどうかわからない

+0

ありがとうございました。私はほとんどそこにいます –

関連する問題