Binding Element Attributes Edit Page
In addition to normal text, you may also want to have your templates contain HTML elements whose attributes are bound to the controller.
For example, imagine your controller has a property that contains a URL to an image:
This generates the following HTML:
1 2 3 |
<div id="logo"> <img src="http://www.example.com/images/logo.png" alt="Logo"> </div> |
If you use {{bind-attr}}
with a Boolean value, it will add or remove
the specified attribute. For example, given this template:
If isAdministrator
is true
, Handlebars will produce the following
HTML element:
1 |
<input type="checkbox" disabled> |
If isAdministrator
is false
, Handlebars will produce the following:
1 |
<input type="checkbox"> |