Question

我已经从json文件中获得了大学列表，我想在列表中为每个大学添加一个超链接，以便我可以导航到各自的大学页面。

HTML 的

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

我一直在使用knockout.js来获取json中出现的json数据，我想知道是否有办法在没有将每个链接硬编码到html中的情况下执行此操作？

JSON文件

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

感谢您的帮助：）

Answer 1

HTML 应该是

FIDDLE

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

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

1 个答案: