मैं नॉकआउट जावास्क्रिप्ट तालिका में टेक्स्ट लिंक कैसे बना सकता हूं?

Question

मुझे कुछ नॉकआउट जेएस कोड काम कर रहा है - यह एक सूची में खींचता है और इसे एक टेबल पर बांधता है।

तालिका-डेटा के लिए जो name प्रदर्शित करता है, मैं चाहता हूं कि यह <a href=...> हो, लेकिन यह सुनिश्चित न करें कि कैसे। नाम अभी भी प्रदर्शित है, बीटीडब्ल्यू। लेकिन आप उस पर क्लिक कर सकते हैं।

यहाँ मेरे वर्तमान कोड है: -

<tbody data-bind="foreach: items"> 
    <tr> 
     <td data-bind="text: name()"></td> 
     <td data-bind="text: price()"></td> 
     <td data-bind="text: endsOn()"></td> 
    </tr> 
</tbody> 

कुछ नहीं भी पागल।

मेरे पास url नामक एक और संपत्ति है जिसमें उपयोगकर्ताओं को निर्देशित करने के लिए पूर्ण http://blah यूआरएल शामिल है। इसके अलावा, मैं एक नया टैब खोलना चाहता हूं, कृपया।

कोई सुझाव?

Answer 1

आप td टैग से डेटा-बाँध विशेषता को हटाने और attr td अंदर से आबद्ध a डाल करने के लिए है:

<tbody data-bind="foreach: items"> 
    <tr> 
     <td><a data-bind="text: name, attr: {href: url}" target="_new"></a></td> 
     <td data-bind="text: price"></td> 
     <td data-bind="text: endsOn"></td> 
    </tr> 
</tbody> 

पी.एस. यदि आप अभिव्यक्ति नहीं बनाते हैं तो आपको डेटा-बाइंड विशेषता में संपत्ति नाम के बाद () डालना नहीं है।