images/docs/tutorial/tutorial_00.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>2012-04-03 00:54:05 +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="18" 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><linearGradient x1="0" x2="1" id="Gradient" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="white"/><stop offset=".5" stop-color="#91ea96"/><stop offset="1" stop-color="#aaa"/></linearGradient><linearGradient id="Obj_Gradient" xl:href="#Gradient" gradientTransform="translate(252 15.869) rotate(90) scale(39)"/><font-face font-family="Helvetica" font-size="10" 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><linearGradient x1="0" x2="1" id="Gradient_2" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff92f"/><stop offset="1" stop-color="#aaa"/></linearGradient><linearGradient id="Obj_Gradient_2" xl:href="#Gradient_2" gradientTransform="translate(61.5 24) rotate(90) scale(22)"/><font-face font-family="Courier New" font-size="10" panose-1="2 7 6 9 2 2 5 2 4 4" units-per-em="1000" underline-position="-232.91016" underline-thickness="100.097656" slope="0" x-height="443.35938" cap-height="591.79688" ascent="832.51953" descent="-300.29297" font-weight="bold"><font-face-src><font-face-name name="CourierNewPS-BoldMT"/></font-face-src></font-face><linearGradient x1="0" x2="1" id="Gradient_3" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f5ff35"/><stop offset="1" stop-color="#aaa"/></linearGradient><linearGradient id="Obj_Gradient_3" xl:href="#Gradient_3" gradientTransform="translate(46 150.001) rotate(90) scale(22)"/><linearGradient id="Obj_Gradient_4" xl:href="#Gradient_3" gradientTransform="translate(41 184.501) rotate(90) scale(22)"/><linearGradient id="Obj_Gradient_5" xl:href="#Gradient_3" gradientTransform="translate(43 59.001) rotate(90) scale(22)"/><marker orient="auto" overflow="visible" markerUnits="strokeWidth" id="FilledArrow_Marker" viewBox="-1 -3 7 6" markerWidth="7" markerHeight="6" color="black"><g><path d="M 4.8 0 L 0 -1.8 L 0 1.8 Z" fill="currentColor" stroke="currentColor" stroke-width="1"/></g></marker><font-face font-family="Courier New" font-size="12" panose-1="2 7 6 9 2 2 5 2 4 4" units-per-em="1000" underline-position="-232.91016" underline-thickness="100.097656" slope="0" x-height="443.35938" cap-height="591.79688" ascent="832.51953" descent="-300.29297" font-weight="bold"><font-face-src><font-face-name name="CourierNewPS-BoldMT"/></font-face-src></font-face><marker orient="auto" overflow="visible" markerUnits="strokeWidth" id="FilledArrow_Marker_2" viewBox="-1 -4 10 8" markerWidth="10" markerHeight="8" color="black"><g><path d="M 8 0 L 0 -3 L 0 3 Z" fill="currentColor" stroke="currentColor" stroke-width="1"/></g></marker><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><linearGradient id="Obj_Gradient_6" xl:href="#Gradient_3" gradientTransform="translate(82.5 100) rotate(90) scale(22)"/></defs><g stroke="none" stroke-opacity="1" stroke-dasharray="none" fill="none" fill-opacity="1"><title>Canvas 1</title><rect fill="white" width="756" height="553"/><g><title>Layer 1</title><g><xl:use xl:href="#id390_Graphic" filter="url(#Shadow)"/><xl:use xl:href="#id427_Graphic" filter="url(#Shadow)"/><xl:use xl:href="#id192_Graphic" filter="url(#Shadow)"/><xl:use xl:href="#id186_Graphic" filter="url(#Shadow)"/><xl:use xl:href="#id185_Graphic" filter="url(#Shadow)"/><xl:use xl:href="#id423_Graphic" filter="url(#Shadow)"/><xl:use xl:href="#id485_Graphic" filter="url(#Shadow)"/><xl:use xl:href="#id622_Graphic" filter="url(#Shadow)"/></g><g id="id390_Graphic"><rect x="191.5" y="9" width="115.5" height="227.001" stroke="#4fff75" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></g><g id="id427_Graphic"><rect x="7" y="9" width="167" height="227.001" stroke="#f9ff29" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></g><text transform="translate(220 214.1642)" fill="black"><tspan font-family="Helvetica" font-size="18" font-weight="500" x="9.9873047" y="18" textLength="49.02539">Model</tspan></text><ellipse cx="252" cy="35.369" rx="42.500068" ry="19.500031" fill="url(#Obj_Gradient)"/><ellipse cx="252" cy="35.369" rx="42.500068" ry="19.500031" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><text transform="translate(230.5 28.70485)" fill="black"><tspan font-family="Helvetica" font-size="10" font-weight="500" x="0" y="10" textLength="46.694336">root scope</tspan></text><g id="id192_Graphic"><rect x="14" y="24" width="95" height="22" fill="url(#Obj_Gradient_2)"/><rect x="14" y="24" width="95" height="22" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><text transform="translate(19 29.5)" fill="black"><tspan font-family="Courier New" font-size="10" font-weight="bold" x="0" y="8" textLength="78.012695"><html ng-app></tspan></text></g><g id="id186_Graphic"><rect x="19" y="150.001" width="54" height="22" fill="url(#Obj_Gradient_3)"/><rect x="19" y="150.001" width="54" height="22" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><text transform="translate(24 155.501)" fill="black"><tspan font-family="Courier New" font-size="10" font-weight="bold" x="0" y="8" textLength="42.006836"></body></tspan></text></g><g id="id185_Graphic"><rect x="14" y="184.501" width="54" height="22" fill="url(#Obj_Gradient_4)"/><rect x="14" y="184.501" width="54" height="22" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><text transform="translate(19 190.001)" fill="black"><tspan font-family="Courier New" font-size="10" font-weight="bold" x="0" y="8" textLength="42.006836"></html></tspan></text></g><text transform="translate(50 214.001)" fill="black"><tspan font-family="Helvetica" font-size="18" font-weight="500" x="6.9814453" y="18" textLength="10.995117">T</tspan><tspan font-family="Helvetica" font-size="18" font-weight="500" x="15.981445" y="18" textLength="64.03711">emplate</tspan></text><g id="id423_Graphic"><rect x="19" y="59.001" width="48" height="22" fill="url(#Obj_Gradient_5)"/><rect x="19" y="59.001" width="48" height="22" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><text transform="translate(24 64.501)" fill="black"><tspan font-family="Courier New" font-size="10" font-weight="bold" x="0" y="8" textLength="36.00586"><body></tspan></text></g><line x1="109.5" y1="35.09298" x2="196.10038" y2="35.26073" marker-end="url(#FilledArrow_Marker)" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke-dasharray="4,4"/><line x1="8" y1="248.001" x2="308" y2="249.001" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><g id="id485_Graphic"><text transform="translate(102 19.2463)" fill="black"><tspan font-family="Courier New" font-size="12" font-weight="bold" x="20.896484" y="10" textLength="43.20703">ng-app</tspan></text></g><line x1="47" y1="267.257" x2="83.0636" y2="267.257" marker-end="url(#FilledArrow_Marker_2)" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" stroke-dasharray="4,4"/><rect x="100.624" y="259.257" width="157.376" height="17.2537" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><text transform="translate(105.624 260.88385)" fill="black"><tspan font-family="Helvetica" font-size="12" font-weight="500" x="0" y="11" textLength="142.06055"> Implicit Scope Declaration</tspan></text><g id="id622_Graphic"><rect x="28" y="100" width="109" height="22" fill="url(#Obj_Gradient_6)"/><rect x="28" y="100" width="109" height="22" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><text transform="translate(33 105.5)" fill="black"><tspan font-family="Courier New" font-size="10" font-weight="bold" x="0" y="8" textLength="96.015625">{{ expression }}</tspan></text></g></g></g></svg>