angular/angular.js

<?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><font-face font-family="Arial" font-size="12" panose-1="2 11 7 4 2 2 2 2 2 4" units-per-em="1000" underline-position="-105.95703" underline-thickness="104.98047" slope="0" x-height="518.5547" cap-height="715.8203" ascent="905.27344" descent="-211.91406" font-weight="bold"><font-face-src><font-face-name name="Arial-BoldMT"/></font-face-src></font-face><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><marker orient="auto" overflow="visible" markerUnits="strokeWidth" id="FilledArrow_Marker" 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="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><font-face font-family="Courier" font-size="12" units-per-em="1000" underline-position="-178.22266" underline-thickness="57.617188" slope="0" x-height="462.40234" cap-height="594.72656" ascent="753.90625" descent="-246.09375" font-weight="500"><font-face-src><font-face-name name="Courier"/></font-face-src></font-face></defs><g stroke="none" stroke-opacity="1" stroke-dasharray="none" fill="none" fill-opacity="1"><title>startup</title><rect fill="white" width="756" height="553"/><g><title>Layer 1</title><path d="M 115.16663 89.15102 L 192.49997 89.15102 C 200.78424 89.15102 207.49997 95.86675 207.49997 104.15102 L 207.49997 305.86205 C 207.49997 314.14632 200.78424 320.86205 192.49997 320.86205 L 115.16663 320.86205 C 106.88236 320.86205 100.16663 314.14632 100.16663 305.86205 L 100.16663 104.15102 C 100.16663 95.86675 106.88236 89.15102 115.16663 89.15102 Z" fill="#cde2f0"/><path d="M 115.16663 89.15102 L 192.49997 89.15102 C 200.78424 89.15102 207.49997 95.86675 207.49997 104.15102 L 207.49997 305.86205 C 207.49997 314.14632 200.78424 320.86205 192.49997 320.86205 L 115.16663 320.86205 C 106.88236 320.86205 100.16663 314.14632 100.16663 305.86205 L 100.16663 104.15102 C 100.16663 95.86675 106.88236 89.15102 115.16663 89.15102 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5" stroke-dasharray="4,4"/><text transform="translate(105.16663 94.15102)" fill="black"><tspan font-family="Arial" font-size="12" font-weight="bold" x="0" y="11" textLength="48.017578">Browser</tspan></text><path d="M 262.99998 87.343903 L 408.33326 87.343903 C 416.61753 87.343903 423.33326 94.05963 423.33326 102.3439 L 423.33326 304.05493 C 423.33326 312.3392 416.61753 319.05493 408.33326 319.05493 L 262.99998 319.05493 C 254.71571 319.05493 247.99998 312.3392 247.99998 304.05493 L 247.99998 102.3439 C 247.99998 94.05963 254.71571 87.343903 262.99998 87.343903 Z" fill="#f4f3c6"/><path d="M 262.99998 87.343903 L 408.33326 87.343903 C 416.61753 87.343903 423.33326 94.05963 423.33326 102.3439 L 423.33326 304.05493 C 423.33326 312.3392 416.61753 319.05493 408.33326 319.05493 L 262.99998 319.05493 C 254.71571 319.05493 247.99998 312.3392 247.99998 304.05493 L 247.99998 102.3439 C 247.99998 94.05963 254.71571 87.343903 262.99998 87.343903 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5" stroke-dasharray="4,4"/><text transform="translate(252.99998 92.343903)" fill="black"><tspan font-family="Arial" font-size="12" font-weight="bold" x="0" y="11" textLength="60.01172">AngularJS</tspan></text><rect x="130.16664" y="46.666618" width="47.333344" height="24.666687" fill="white"/><rect x="130.16664" y="46.666618" width="47.333344" height="24.666687" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5"/><text transform="translate(135.16664 51.99996)" fill="black"><tspan font-family="Helvetica" font-size="12" font-weight="500" x="2.3336642" y="11" textLength="32.666016">HTML</tspan></text><rect x="118.99986" y="123.33331" width="69.6669" height="38.666695" fill="white"/><rect x="118.99986" y="123.33331" width="69.6669" height="38.666695" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5"/><text transform="translate(123.99986 128.66666)" fill="black"><tspan font-family="Helvetica" font-size="12" font-weight="500" x="14.827591" y="11" textLength="30.011719">Static</tspan><tspan font-family="Helvetica" font-size="12" font-weight="500" x="15.835404" y="25" textLength="27.996094">DOM</tspan></text><line x1="153.83331" y1="71.583305" x2="153.83331" y2="113.18331" marker-end="url(#FilledArrow_Marker)" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><line x1="188.91676" y1="142.666655" x2="277.85" y2="142.666655" marker-end="url(#FilledArrow_Marker)" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path d="M 219.67306 109.666655 L 232.67306 109.666655 C 243.71876 109.666655 252.67306 118.62096 252.67306 129.666655 L 252.67306 155.666655 C 252.67306 166.71235 243.71876 175.66666 232.67306 175.66666 L 219.67306 175.66666 C 208.62737 175.66666 199.67306 166.71235 199.67306 155.666655 L 199.67306 129.666655 C 199.67306 118.62096 208.62737 109.666655 219.67306 109.666655 Z" fill="white" fill-opacity=".76"/><path d="M 219.67306 109.666655 L 232.67306 109.666655 C 243.71876 109.666655 252.67306 118.62096 252.67306 129.666655 L 252.67306 155.666655 C 252.67306 166.71235 243.71876 175.66666 232.67306 175.66666 L 219.67306 175.66666 C 208.62737 175.66666 199.67306 166.71235 199.67306 155.666655 L 199.67306 129.666655 C 199.67306 118.62096 208.62737 109.666655 219.67306 109.666655 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><text transform="translate(204.67306 114.666655)" fill="black"><tspan font-family="Helvetica" font-size="12" font-weight="500" x="7.501953" y="11" textLength="31.330078">DOM </tspan><tspan font-family="Helvetica" font-size="12" font-weight="500" x=".48535156" y="25" textLength="42.029297">Content</tspan><tspan font-family="Helvetica" font-size="12" font-weight="500" x="1.4785156" y="39" textLength="40.042969">Loaded</tspan><tspan font-family="Helvetica" font-size="12" font-weight="500" x="6.1572266" y="53" textLength="30.685547">Event</tspan></text><rect x="288" y="130.33331" width="124.66663" height="24.666687" fill="white"/><rect x="288" y="130.33331" width="124.66663" height="24.666687" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5"/><text transform="translate(293 135.66665)" fill="black"><tspan font-family="Courier New" font-size="12" font-weight="bold" x="3.324526" y="10" textLength="108.01758">ng-app=&quot;module&quot;</tspan></text><rect x="315.49988" y="175.83287" width="69.6669" height="24.666687" fill="white"/><rect x="315.49988" y="175.83287" width="69.6669" height="24.666687" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5"/><text transform="translate(320.49988 181.16621)" fill="black"><tspan font-family="Helvetica" font-size="12" font-weight="500" x="7.1547396" y="11" textLength="45.357422">$injector</tspan></text><line x1="350.33332" y1="155.25" x2="350.33332" y2="165.68287" marker-end="url(#FilledArrow_Marker)" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><rect x="335.33292" y="214.18127" width="77.33371" height="24.666687" fill="white"/><rect x="335.33292" y="214.18127" width="77.33371" height="24.666687" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5"/><text transform="translate(340.33292 219.51461)" fill="black"><tspan font-family="Helvetica" font-size="12" font-weight="500" x="2.9783784" y="11" textLength="61.376953">$rootScope</tspan></text><rect x="259.33331" y="214.18127" width="69.6669" height="24.666687" fill="white"/><rect x="259.33331" y="214.18127" width="69.6669" height="24.666687" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5"/><text transform="translate(264.33331 219.51461)" fill="black"><tspan font-family="Helvetica" font-size="12" font-weight="500" x="5.8217317" y="11" textLength="48.023438">$compile</tspan></text><line x1="332.06296" y1="200.64052" x2="320.61318" y2="208.458" marker-end="url(#FilledArrow_Marker)" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><line x1="358.07607" y1="200.7123" x2="361.05775" y2="205.54373" marker-end="url(#FilledArrow_Marker)" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><rect x="118.99985" y="256.67209" width="69.6669" height="52" fill="white"/><rect x="118.99985" y="256.67209" width="69.6669" height="52" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5"/><text transform="translate(123.99985 261.67209)" fill="black"><tspan font-family="Helvetica" font-size="12" font-weight="500" x="6.49556" y="11" textLength="50.009766">Dynamic </tspan><tspan font-family="Helvetica" font-size="12" font-weight="500" x="15.835404" y="25" textLength="27.996094">DOM</tspan><tspan font-family="Helvetica" font-size="12" font-weight="500" x="13.834427" y="39" textLength="31.998047">(view)</tspan></text><line x1="153.8333" y1="162.250005" x2="153.8333" y2="246.52209" marker-end="url(#FilledArrow_Marker)" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path d="M 288.65527 239.07689 C 284.03562 244.34772 287.33334 259.99998 273.33334 274 C 260.20629 287.127 246.15075 279.31385 198.81139 279.89105" marker-end="url(#FilledArrow_Marker)" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path d="M 364.53794 239.04748 C 359.91829 244.3183 356 255.33333 340.66666 270.66666 C 326.22427 285.10905 253.47509 279.27117 198.80892 280.16845" marker-end="url(#FilledArrow_Marker)" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path d="M 242.69554 254.5998 L 297.69554 254.5998 C 309.29352 254.5998 318.69554 264.00182 318.69554 275.5998 L 318.69554 285.5998 C 318.69554 297.19778 309.29352 306.5998 297.69554 306.5998 L 242.69554 306.5998 C 231.09756 306.5998 221.69554 297.19778 221.69554 285.5998 L 221.69554 275.5998 C 221.69554 264.00182 231.09756 254.5998 242.69554 254.5998 Z" fill="white"/><path d="M 242.69554 254.5998 L 297.69554 254.5998 C 309.29352 254.5998 318.69554 264.00182 318.69554 275.5998 L 318.69554 285.5998 C 318.69554 297.19778 309.29352 306.5998 297.69554 306.5998 L 242.69554 306.5998 C 231.09756 306.5998 221.69554 297.19778 221.69554 285.5998 L 221.69554 275.5998 C 221.69554 264.00182 231.09756 254.5998 242.69554 254.5998 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><text transform="translate(226.69554 259.5998)" fill="black"><tspan font-family="Courier" font-size="12" font-weight="500" x="14.6953125" y="11" textLength="57.609375">$compile</tspan><tspan font-family="Courier" font-size="12" font-weight="500" x="25.49707" y="25" textLength="36.00586">(dom)</tspan><tspan font-family="Courier" font-size="12" font-weight="500" x=".29296875" y="39" textLength="86.41406">($rootScope)</tspan></text></g></g></svg>