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

【问题标题】：How do I create a hyperlinked list from a JSON array如何从 JSON 数组创建超链接列表
【发布时间】：2014-06-15 20:02:52
【问题描述】：

我有一个从 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"
    }
]
}

感谢您的帮助:)

【问题讨论】：

看看attr binding。
可能重复stackoverflow.com/questions/16364460/knockout-html-href
您希望锚点指向哪里？ “~/大学/剑桥”？ Anchor href 必须基于某些数据生成。 data-bind="attr: {href:'link'}"
"services/profile.jsp?uni=Cambridge" 将是链接所在的位置。我会在 json 文件中添加：“href:”services/profile.jsp?uni=Cambridge”，然后按照您在 html 中提到的方式调用它吗？@MyP3uK

标签： javascript html json knockout.js

【解决方案1】：

你的 HTML 应该看起来像

FIDDLE

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

【讨论】：