Current Url & Path

Data-bind to the current url, path, or other parts.

View the Demos
DEMO #1

Data-binding to the current URL & URLĀ parts

Welcome, guest!

In this demo, the querystring keys name, code, color and accept are bound to form fields and text content in this page.

Click the links below to set the querystring values, or type your own into the querystring.
Test Url #1
Add this to your Site
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Hi, guest!

This section demonstrated content-binding using both elements and templates.

The bolded name above is data-bound using wfu-bind, and the template below also includes elements which are highlighted in bold.

Hey your current url is {{ $url.href }}.

To test this, click the buttons at right, which have some pre-configured urls. In this demo, you can also change they querystring and path portions to see changes, and you'll still be on this page to see the test results.