问使用angular 6 http模块使用github api数据填充<ul>
EN

Stack Overflow用户

提问于 2019-03-12 03:18:47

回答 1查看 29关注 0票数 0

我一直在研究如何使用Angular 6和http客户端模块来使用API数据。我已经得到了get请求的工作和返回的数据。我现在正在尝试用数据填充一个无序列表，该数据用到特定repos的链接的repo url填充列表。

下面是我在repo.component.html中拥有的内容：

<ul class="list-group">
  <li class="list-item" *ngFor="let repo of repos">
    <a href="">{{repo.html_url}}</a>
  </li>
</ul>

这将引入repo url并将它们放在一个链接中，但很明显，当您单击该链接时，它不会转到正确的url。

我已经看了很多文档，但找不到一个具体的例子来说明如何做到这一点。英雄巡回赛甚至不使用真正的http客户端，我尝试了各种方法，如路由器链接和ngHref，但似乎都不起作用。

我知道我漏掉了一些简单的东西，我就是想不通。让repo url链接到列表中的实际url的任何帮助都将是非常好的。

回答已采纳

发布于 2019-03-12 03:22:18

可以绑定到href属性

<ul class="list-group">
  <li class="list-item" *ngFor="let repo of repos">
    <a [href]="repo.html_url">{{repo.html_url}}</a>
  </li>
</ul>

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/55108899

复制

相似问题

问使用angular 6 http模块使用github api数据填充<ul>EN