images/docs/guide/concepts.svg/directive.svg
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xl="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 756 553" width="63pc" height="553pt" xmlns:dc="http://purl.org/dc/elements/1.1/"><metadata> Produced by OmniGraffle 6.5.2 <dc:date>2013-11-06 19:46:59 +0000</dc:date></metadata><defs><filter id="Shadow" filterUnits="userSpaceOnUse"><feGaussianBlur in="SourceAlpha" result="blur" stdDeviation="1.308"/><feOffset in="blur" result="offset" dx="0" dy="2"/><feFlood flood-color="black" flood-opacity=".5" result="flood"/><feComposite in="flood" in2="offset" operator="in"/></filter><font-face font-family="Helvetica" font-size="12" units-per-em="1000" underline-position="-75.683594" underline-thickness="49.316406" slope="0" x-height="522.94922" cap-height="717.28516" ascent="770.01953" descent="-229.98047" font-weight="500"><font-face-src><font-face-name name="Helvetica"/></font-face-src></font-face></defs><g stroke="none" stroke-opacity="1" stroke-dasharray="none" fill="none" fill-opacity="1"><title>directive</title><rect fill="white" width="756" height="553"/><g><title>Layer 1</title><g><xl:use xl:href="#id42_Graphic" filter="url(#Shadow)"/><xl:use xl:href="#id44_Graphic" filter="url(#Shadow)"/></g><rect x="46" y="61.333333" width="616" height="183" id="path"/><clipPath id="clip_path"><use xl:href="#path"/></clipPath><g clip-path="url(#clip_path)"><image xl:href="image5.png" width="616" height="183" transform="translate(46 61.333333)"/></g><path d="M 238.33333 170.56052 L 289.33333 170.56052 C 292.09476 170.56052 294.33333 172.7991 294.33333 175.56052 L 294.33333 181.33333 C 294.33333 184.09476 292.09476 186.33333 289.33333 186.33333 L 238.33333 186.33333 C 235.57191 186.33333 233.33333 184.09476 233.33333 181.33333 L 233.33333 175.56052 C 233.33333 172.7991 235.57191 170.56052 238.33333 170.56052 Z" fill="#b1d6a2" fill-opacity=".26"/><path d="M 238.33333 170.56052 L 289.33333 170.56052 C 292.09476 170.56052 294.33333 172.7991 294.33333 175.56052 L 294.33333 181.33333 C 294.33333 184.09476 292.09476 186.33333 289.33333 186.33333 L 238.33333 186.33333 C 235.57191 186.33333 233.33333 184.09476 233.33333 181.33333 L 233.33333 175.56052 C 233.33333 172.7991 235.57191 170.56052 238.33333 170.56052 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5"/><g id="id42_Graphic"><path d="M 399.00033 142.25557 C 399.00033 130.68814 365.82862 121.33367 324.83383 121.33367 C 283.83904 121.33367 250.66733 130.68814 250.66733 142.25557 C 250.66733 152.1132 275.00284 160.41141 307.66874 162.5739 C 304.98836 166.29581 300.571 170.67125 293.61715 172.83374 C 307.01607 172.83374 320.2711 167.70382 329.32387 163.12701 C 368.21826 162.47347 399.00033 153.37032 399.00033 142.25557 Z" fill="#f3ea91"/><path d="M 399.00033 142.25557 C 399.00033 130.68814 365.82862 121.33367 324.83383 121.33367 C 283.83904 121.33367 250.66733 130.68814 250.66733 142.25557 C 250.66733 152.1132 275.00284 160.41141 307.66874 162.5739 C 304.98836 166.29581 300.571 170.67125 293.61715 172.83374 C 307.01607 172.83374 320.2711 167.70382 329.32387 163.12701 C 368.21826 162.47347 399.00033 153.37032 399.00033 142.25557 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><text transform="translate(272.91728 129.05868)" fill="black"><tspan font-family="Helvetica" font-size="12" font-weight="500" x="10.224164" y="11" textLength="86.71875">I bind checkbox </tspan><tspan font-family="Helvetica" font-size="12" font-weight="500" x="9.2251404" y="25" textLength="85.38281">state to a model</tspan></text></g><path d="M 154.33333 188.45437 L 199.33333 188.45437 C 202.09476 188.45437 204.33333 190.69295 204.33333 193.45437 L 204.33333 199.22719 C 204.33333 201.98861 202.09476 204.22719 199.33333 204.22719 L 154.33333 204.22719 C 151.57191 204.22719 149.33333 201.98861 149.33333 199.22719 L 149.33333 193.45437 C 149.33333 190.69295 151.57191 188.45437 154.33333 188.45437 Z" fill="#b1d6a2" fill-opacity=".26"/><path d="M 154.33333 188.45437 L 199.33333 188.45437 C 202.09476 188.45437 204.33333 190.69295 204.33333 193.45437 L 204.33333 199.22719 C 204.33333 201.98861 202.09476 204.22719 199.33333 204.22719 L 154.33333 204.22719 C 151.57191 204.22719 149.33333 201.98861 149.33333 199.22719 L 149.33333 193.45437 C 149.33333 190.69295 151.57191 188.45437 154.33333 188.45437 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5"/><g id="id44_Graphic"><path d="M 59.333323 160.25524 C 59.333323 148.68781 88.703474 139.33333 125.00016 139.33333 C 161.29685 139.33333 190.667 148.68781 190.667 160.25524 C 190.667 170.11287 169.1204 178.41108 140.1981 180.57356 C 142.571296 184.29547 146.48241 188.67092 152.63934 190.83341 C 140.775964 190.83341 129.03999 185.70349 121.02469 181.12668 C 86.58769 180.47314 59.333323 171.36999 59.333323 160.25524 Z" fill="#f3ea91"/><path d="M 59.333323 160.25524 C 59.333323 148.68781 88.703474 139.33333 125.00016 139.33333 C 161.29685 139.33333 190.667 148.68781 190.667 160.25524 C 190.667 170.11287 169.1204 178.41108 140.1981 180.57356 C 142.571296 184.29547 146.48241 188.67092 152.63934 190.83341 C 140.775964 190.83341 129.03999 185.70349 121.02469 181.12668 C 86.58769 180.47314 59.333323 171.36999 59.333323 160.25524 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><text transform="translate(79.033375 147.058345)" fill="black"><tspan font-family="Helvetica" font-size="12" font-weight="500" x=".61229488" y="11" textLength="94.04297">I change visibility </tspan><tspan font-family="Helvetica" font-size="12" font-weight="500" x="3.2695214" y="25" textLength="85.39453">based on model</tspan></text></g></g></g></svg>