2014-04-29 3 views
2

json 파일에서 생성 한 대학 목록이 있고 생성 된 목록의 각 대학에 대한 하이퍼 링크를 추가하여 탐색 할 수 있도록하고 싶습니다. 각 대학 페이지로JSON 배열에서 하이퍼 링크 목록을 작성하는 방법

HTML

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

나는 HTML에 표시 JSON 데이터를 얻을 수 knockout.js을 사용하고 있고 나는 HTML에 각 링크를 하드 코딩하지 않고 할 수있는 방법이 있었는지 궁금 해서요 ? 어떤 도움 :)에 대한

JSON 파일

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

덕분에

+0

같이한다 [' attr' 바인딩] (http://knockoutjs.com/documentation/attr-binding.html). –

+0

가능한 복제본 http://stackoverflow.com/questions/16364460/knockout-html-href – Smeegs

+0

닻을 가리 키기를 원하십니까? "~/Universities/Cambridge"? 앵커 href는 데이터의 일부를 기반으로 생성되어야합니다. data/bind = "attr : {href : 'link'}" – milagvoniduak

답변

2

당신의 HTML은 봐

FIDDLE

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

덕분에 많이 @의 MyP3uK 언급 한 방법 호출이?을 내 문제를 해결! – user3586417