ノックアウトのjavascriptテーブルでテキストリンクを作成するにはどうすればよいですか？

Question

KnockoutJSコードが動作しています。これはリストを引っ張ってテーブルにバインドします。

nameを表示するテーブルデータについては、<a href=...>でお願いしますが、その方法はわかりません。名前はまだ表示されますが、btwです。しかし、あなたはそれをクリックすることができます。

は、ここに私の現在のコードです： -

<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のURLが含まれています。また、新しいタブを開いてください。

提案がありますか？

Answer 1

あなたはtdタグからデータバインド属性を削除し、td内結合のattrで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> 

P.S.式を作成しない場合は、データバインド属性にプロパティ名の後に()を入れる必要はありません。