如何从JSON数组创建超链接列表

How do I create a hyperlinked list from a JSON array

本文关键字：创建 超链接 列表 数组 JSON      更新时间：2023-09-26

我有一个从json文件生成的大学列表，我想在生成的列表中为每个大学添加一个超链接，这样我就可以导航到它们各自的大学页面。

HTML

<ul data-bind="foreach: university">
   <li data-bind="text: university"></li>
</ul>

我一直在使用knockout.js让json数据出现在html中，我想知道是否有一种方法可以做到这一点，而无需将每个链接硬编码到html中？

JSON文件

{
"universities": [
    {
        "university": "Cambridge"
    },
    {
        "university": "Oxford"
    },
    {
        "university": "UEA"
    }
]
}

感谢您的帮助：(

您的HTML应该看起来像

FIDDLE

<ul data-bind="foreach: universities">
    <li> <a data-bind="text: university, attr: { href: 'services/profile.jsp?uni=' + university }"></a> </li>
</ul>
相关文章：