Mẫu gốc Knockoutjs - Để tạo url

Question

Cách tạo url bằng cách sử dụng knockout js native templating.

<a href="http://" title="Visit site"> 
    <span data-bind="text: site"></span> 
</a> 

nói sự biểu hiện

<span data-bind="text: site"> 

thay www.xyz.com. Tôi đang tìm cách để tiền tố nó với http://.

Vì vậy, một cái gì đó giống như

<a href="http://${site}" title="Visit site"> 

mà có thể làm việc với jQuery khuôn mẫu. Về bản chất, tôi tự hỏi chúng tôi luôn cần <span>, <li> v.v. để xuất văn bản.

Answer 1

Bằng cách sử dụng liên kết dữ liệu với ràng buộc attr. Bạn có thể sử dụng javascript đơn giản trong các dữ liệu-ràng buộc, vì vậy bạn cũng có thể sử dụng nối mặc định

<a data-bind="attr: {'href': 'http://' + $data.site}, text: 'visit site'"></a> 

data-bind có thể được thực hiện trên thực tế tất cả mọi thứ, miễn là nó được đưa ra bởi DOM. Vì vậy, bạn có thể đặt nó trên các thẻ <a> hoặc bất kỳ điều gì bạn muốn sử dụng