javascript - 如何在 "li tag href"中使用for循环

Question

如何使用 for 循环创建一个包含 2 个对象“标题”和“链接”的数组？对于每个 (li a href) ??我正在使用 Angular

<div class="text-footer">
    <ul>
        <li>
            <a href="#abc">facebook</a>
        </li>
        <li>
            <a href="#abc">twitter</a>
        </li>
        <li>
            <a href="#abc">instagram</a>
        </li>
    </ul>
</div>

Answer 1

这是例子

working Examlple

Component.html

<ul>
    <li *ngFor = "let title of fetchData">
       <a href="title.title">{{title.title}} -- {{title.description}} -- {{title.tagline}} {{title.date}}</a></li>

 </ul>

component.ts

mydata = [
            {"title":"http://tombatossals.github.io/angular-leaflet-directive/#!/","description":"dd","tagline":"tt","date":"derd"},
            {"title":"http://tombatossals.github.io/angular-leaflet-directive/#!/","description":"fdfds","tagline":"tt","date":"rerrdd"},
            {"title":"http://tombatossals.github.io/angular-leaflet-directive/#!/","description":"dsfsdf","tagline":"tt","date":"derred"},
            {"title":"http://tombatossals.github.io/angular-leaflet-directive/#!/","description":"dsfd","tagline":"tt","date":"rrere"}
         ];