Question

我正在尝试使用Ionic2 angular2创建一个应用程序。现在已经使用了很长一段时间了。我想打开谷歌页面搜索在视图中动态加载的项目

用于创建视图我有以下代码。

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

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

因此，当我点击每个项目时，它应该打开谷歌搜索页面

有人可以告诉我该怎么做。

Answer 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，但我确实这么认为。

angular2通过单击加载的项目重定向外部链接

1 个答案: