Skip to content

Spec: Anchor

Jump to bottom
Kris Kowal edited this page Nov 26, 2012 · 1 revision

Anchor wraps a <a> HTMLElement and provides Data binding support. Anchor extends from NativeControl.

Fires an action event

Properties

textContent (added to component) same as dynamic-text

hash Data Type = String, Default value = null

href Data Type = String, Default value = null

hreflang Data Type = String, Default value = null

media Data Type = String, Default value = null

rel Data Type = String, Default value = null

target Data Type = String, Default value = null

type Data Type = String, Default value = null

name Data Type = String, Default value = null

Markup and Serialization

<tbody id="table-row">
<tr>
   <td><a id="link" target="_blank"></a></td>
   <td><span id="desc"></span></td>
</tr>
</tbody>
{
    "link": {
        "module": "montage/ui/anchor.reel",
        "name": "Anchor",
        "properties": {
            "element": {"#": "link"}
        },
        "bindings": {
            "href": {
                "boundObject": {"@": "list1"},
                "boundObjectPropertyPath": "objectAtCurrentIteration.href",
                "oneway": true
            },
            "textContent": {
                "boundObject": {"@": "list1"},
                "boundObjectPropertyPath": "objectAtCurrentIteration.src",
                "oneway": true
            }
        }
    }
}

Example: examples/sink/components/anchor-example.reel Unit Tests: test/ui/anchor-spec.js

Clone this wiki locally