images/docs/guide/concepts.svg/view.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><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" font-size="10" 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><marker orient="auto" overflow="visible" markerUnits="strokeWidth" id="FilledArrow_Marker_2" viewBox="-1 -2 5 4" markerWidth="5" markerHeight="4" color="#003f80"><g><path d="M 2.2399996 0 L 0 -.83999987 L 0 .83999987 Z" fill="currentColor" stroke="currentColor" stroke-width="1"/></g></marker><marker orient="auto" overflow="visible" markerUnits="strokeWidth" id="FilledArrow_Marker_3" viewBox="-4 -2 6 4" markerWidth="6" markerHeight="4" color="#004080"><g><path d="M -2.2400001 0 L 0 .84000003 L 0 -.84000003 Z" fill="currentColor" stroke="currentColor" stroke-width="1"/></g></marker></defs><g stroke="none" stroke-opacity="1" stroke-dasharray="none" fill="none" fill-opacity="1"><title>view</title><rect fill="white" width="756" height="553"/><g><title>Layer 1</title><path d="M 210 135.68225 L 346.6667 135.68225 C 354.95096 135.68225 361.6667 142.39798 361.6667 150.68225 L 361.6667 402.31775 C 361.6667 410.60202 354.95096 417.31775 346.6667 417.31775 L 210 417.31775 C 201.71573 417.31775 195 410.60202 195 402.31775 L 195 150.68225 C 195 142.39798 201.71573 135.68225 210 135.68225 Z" fill="#ececec"/><path d="M 210 135.68225 L 346.6667 135.68225 C 354.95096 135.68225 361.6667 142.39798 361.6667 150.68225 L 361.6667 402.31775 C 361.6667 410.60202 354.95096 417.31775 346.6667 417.31775 L 210 417.31775 C 201.71573 417.31775 195 410.60202 195 402.31775 L 195 150.68225 C 195 142.39798 201.71573 135.68225 210 135.68225 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5" stroke-dasharray="4,4"/><text transform="translate(200 140.68225)" fill="black"><tspan font-family="Arial" font-size="12" font-weight="bold" x="0" y="11" textLength="60.01172">AngularJS</tspan></text><path d="M 389.33344 135.68231 L 514.00007 135.68231 C 522.28434 135.68231 529.00007 142.39804 529.00007 150.68231 L 529.00007 402.31775 C 529.00007 410.60202 522.28434 417.31775 514.00007 417.31775 L 389.33344 417.31775 C 381.04917 417.31775 374.33344 410.60202 374.33344 402.31775 L 374.33344 150.68231 C 374.33344 142.39804 381.04917 135.68231 389.33344 135.68231 Z" fill="#ececec"/><path d="M 389.33344 135.68231 L 514.00007 135.68231 C 522.28434 135.68231 529.00007 142.39804 529.00007 150.68231 L 529.00007 402.31775 C 529.00007 410.60202 522.28434 417.31775 514.00007 417.31775 L 389.33344 417.31775 C 381.04917 417.31775 374.33344 410.60202 374.33344 402.31775 L 374.33344 150.68231 C 374.33344 142.39804 381.04917 135.68231 389.33344 135.68231 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5" stroke-dasharray="4,4"/><text transform="translate(379.33344 140.68231)" fill="black"><tspan font-family="Arial" font-size="12" font-weight="bold" x="0" y="11" textLength="38.677734">Others</tspan></text><path d="M 214.83367 244.16282 L 268.49964 244.16282 C 276.78391 244.16282 283.49964 250.87855 283.49964 259.16282 L 283.49964 396.9328 C 283.49964 405.21708 276.78391 411.9328 268.49964 411.9328 L 214.83367 411.9328 C 206.5494 411.9328 199.83367 405.21708 199.83367 396.9328 L 199.83367 259.16282 C 199.83367 250.87855 206.5494 244.16282 214.83367 244.16282 Z" fill="yellow" fill-opacity=".19"/><path d="M 214.83367 244.16282 L 268.49964 244.16282 C 276.78391 244.16282 283.49964 250.87855 283.49964 259.16282 L 283.49964 396.9328 C 283.49964 405.21708 276.78391 411.9328 268.49964 411.9328 L 214.83367 411.9328 C 206.5494 411.9328 199.83367 405.21708 199.83367 396.9328 L 199.83367 259.16282 C 199.83367 250.87855 206.5494 244.16282 214.83367 244.16282 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5"/><text transform="translate(204.83367 393.4328)" fill="black"><tspan font-family="Helvetica" font-size="12" font-weight="500" x="0" y="11" textLength="48.023438">$compile</tspan></text><path d="M 233.50021 235.68222 L 339.3333 235.68222 C 347.61756 235.68222 354.3333 242.39795 354.3333 250.68222 L 354.3333 308.68225 C 354.3333 316.96652 347.61756 323.68225 339.3333 323.68225 L 233.50021 323.68225 C 225.21594 323.68225 218.50021 316.96652 218.50021 308.68225 L 218.50021 250.68222 C 218.50021 242.39795 225.21594 235.68222 233.50021 235.68222 Z" fill="#d7a5a5" fill-opacity=".75"/><path d="M 233.50021 235.68222 L 339.3333 235.68222 C 347.61756 235.68222 354.3333 242.39795 354.3333 250.68222 L 354.3333 308.68225 C 354.3333 316.96652 347.61756 323.68225 339.3333 323.68225 L 233.50021 323.68225 C 225.21594 323.68225 218.50021 316.96652 218.50021 308.68225 L 218.50021 250.68222 C 218.50021 242.39795 225.21594 235.68222 233.50021 235.68222 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5"/><text transform="translate(223.50021 237.68222)" fill="black"><tspan font-family="Helvetica" font-size="12" font-weight="500" x="46.905798" y="11" textLength="32.021484">scope</tspan></text><path d="M 394.99982 164.31778 L 425.99982 164.31778 C 434.2841 164.31778 440.99982 171.03351 440.99982 179.31778 L 440.99982 185.98445 C 440.99982 194.26872 434.2841 200.98445 425.99982 200.98445 L 394.99982 200.98445 C 386.71555 200.98445 379.99982 194.26872 379.99982 185.98445 L 379.99982 179.31778 C 379.99982 171.03351 386.71555 164.31778 394.99982 164.31778 Z" fill="#b1d6a2" fill-opacity=".75"/><path d="M 394.99982 164.31778 L 425.99982 164.31778 C 434.2841 164.31778 440.99982 171.03351 440.99982 179.31778 L 440.99982 185.98445 C 440.99982 194.26872 434.2841 200.98445 425.99982 200.98445 L 394.99982 200.98445 C 386.71555 200.98445 379.99982 194.26872 379.99982 185.98445 L 379.99982 179.31778 C 379.99982 171.03351 386.71555 164.31778 394.99982 164.31778 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5"/><text transform="translate(384.99982 168.65112)" fill="black"><tspan font-family="Helvetica" font-size="12" font-weight="500" x="2.4873047" y="11" textLength="46.02539">template</tspan><tspan font-family="Helvetica" font-size="12" font-weight="500" x="6.8320312" y="25" textLength="37.335938">(string)</tspan></text><path d="M 462.66675 164.31778 L 484.0001 164.31778 C 492.28437 164.31778 499.0001 171.03351 499.0001 179.31778 L 499.0001 185.98445 C 499.0001 194.26872 492.28437 200.98445 484.0001 200.98445 L 462.66675 200.98445 C 454.38248 200.98445 447.66675 194.26872 447.66675 185.98445 L 447.66675 179.31778 C 447.66675 171.03351 454.38248 164.31778 462.66675 164.31778 Z" fill="#b1e1ff" fill-opacity=".75"/><path d="M 462.66675 164.31778 L 484.0001 164.31778 C 492.28437 164.31778 499.0001 171.03351 499.0001 179.31778 L 499.0001 185.98445 C 499.0001 194.26872 492.28437 200.98445 484.0001 200.98445 L 462.66675 200.98445 C 454.38248 200.98445 447.66675 194.26872 447.66675 185.98445 L 447.66675 179.31778 C 447.66675 171.03351 454.38248 164.31778 462.66675 164.31778 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5"/><text transform="translate(452.66675 175.65112)" fill="black"><tspan font-family="Helvetica" font-size="12" font-weight="500" x="4.324875" y="11" textLength="32.683594">Model</tspan></text><path d="M 419.9999 230.31781 L 441.33325 230.31781 C 449.61753 230.31781 456.33325 237.03354 456.33325 245.31781 L 456.33325 251.98448 C 456.33325 260.26875 449.61753 266.98448 441.33325 266.98448 L 419.9999 266.98448 C 411.71564 266.98448 404.9999 260.26875 404.9999 251.98448 L 404.9999 245.31781 C 404.9999 237.03354 411.71564 230.31781 419.9999 230.31781 Z" fill="yellow" fill-opacity=".19"/><path d="M 419.9999 230.31781 L 441.33325 230.31781 C 449.61753 230.31781 456.33325 237.03354 456.33325 245.31781 L 456.33325 251.98448 C 456.33325 260.26875 449.61753 266.98448 441.33325 266.98448 L 419.9999 266.98448 C 411.71564 266.98448 404.9999 260.26875 404.9999 251.98448 L 404.9999 245.31781 C 404.9999 237.03354 411.71564 230.31781 419.9999 230.31781 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5"/><text transform="translate(409.9999 241.65115)" fill="black"><tspan font-family="Helvetica" font-size="12" font-weight="500" x="3.659836" y="11" textLength="34.013672">merge</tspan></text><path d="M 419.9999 286.98459 L 441.33325 286.98459 C 449.61753 286.98459 456.33325 293.70032 456.33325 301.98459 L 456.33325 308.65126 C 456.33325 316.93553 449.61753 323.65126 441.33325 323.65126 L 419.9999 323.65126 C 411.71564 323.65126 404.9999 316.93553 404.9999 308.65126 L 404.9999 301.98459 C 404.9999 293.70032 411.71564 286.98459 419.9999 286.98459 Z" fill="#b1d6a2" fill-opacity=".75"/><path d="M 419.9999 286.98459 L 441.33325 286.98459 C 449.61753 286.98459 456.33325 293.70032 456.33325 301.98459 L 456.33325 308.65126 C 456.33325 316.93553 449.61753 323.65126 441.33325 323.65126 L 419.9999 323.65126 C 411.71564 323.65126 404.9999 316.93553 404.9999 308.65126 L 404.9999 301.98459 C 404.9999 293.70032 411.71564 286.98459 419.9999 286.98459 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5"/><text transform="translate(409.9999 291.31793)" fill="black"><tspan font-family="Helvetica" font-size="12" font-weight="500" x="4.3336642" y="11" textLength="32.666016">HTML</tspan><tspan font-family="Helvetica" font-size="12" font-weight="500" x="1.9987032" y="25" textLength="37.335938">(string)</tspan></text><path d="M 419.9999 360.31784 L 441.33325 360.31784 C 449.61753 360.31784 456.33325 367.03357 456.33325 375.31784 L 456.33325 381.98451 C 456.33325 390.26878 449.61753 396.98451 441.33325 396.98451 L 419.9999 396.98451 C 411.71564 396.98451 404.9999 390.26878 404.9999 381.98451 L 404.9999 375.31784 C 404.9999 367.03357 411.71564 360.31784 419.9999 360.31784 Z" fill="#b1d6a2" fill-opacity=".75"/><path d="M 419.9999 360.31784 L 441.33325 360.31784 C 449.61753 360.31784 456.33325 367.03357 456.33325 375.31784 L 456.33325 381.98451 C 456.33325 390.26878 449.61753 396.98451 441.33325 396.98451 L 419.9999 396.98451 C 411.71564 396.98451 404.9999 390.26878 404.9999 381.98451 L 404.9999 375.31784 C 404.9999 367.03357 411.71564 360.31784 419.9999 360.31784 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5"/><text transform="translate(409.9999 371.65118)" fill="black"><tspan font-family="Helvetica" font-size="12" font-weight="500" x="6.668625" y="11" textLength="27.996094">DOM</tspan></text><path d="M 238.33353 162.69766 L 259.66687 162.69766 C 267.95115 162.69766 274.66687 169.41339 274.66687 177.69766 L 274.66687 184.36433 C 274.66687 192.6486 267.95115 199.36433 259.66687 199.36433 L 238.33353 199.36433 C 230.04926 199.36433 223.33353 192.6486 223.33353 184.36433 L 223.33353 177.69766 C 223.33353 169.41339 230.04926 162.69766 238.33353 162.69766 Z" fill="#b1d6a2" fill-opacity=".75"/><path d="M 238.33353 162.69766 L 259.66687 162.69766 C 267.95115 162.69766 274.66687 169.41339 274.66687 177.69766 L 274.66687 184.36433 C 274.66687 192.6486 267.95115 199.36433 259.66687 199.36433 L 238.33353 199.36433 C 230.04926 199.36433 223.33353 192.6486 223.33353 184.36433 L 223.33353 177.69766 C 223.33353 169.41339 230.04926 162.69766 238.33353 162.69766 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5"/><text transform="translate(228.33353 167.031)" fill="black"><tspan font-family="Helvetica" font-size="12" font-weight="500" x="4.3336642" y="11" textLength="32.666016">HTML</tspan><tspan font-family="Helvetica" font-size="12" font-weight="500" x="1.9987032" y="25" textLength="37.335938">(string)</tspan></text><path d="M 310.33133 250.01627 L 331.66467 250.01627 C 339.94895 250.01627 346.66467 256.732 346.66467 265.01627 L 346.66467 271.68294 C 346.66467 279.96721 339.94895 286.68294 331.66467 286.68294 L 310.33133 286.68294 C 302.04706 286.68294 295.33133 279.96721 295.33133 271.68294 L 295.33133 265.01627 C 295.33133 256.732 302.04706 250.01627 310.33133 250.01627 Z" fill="#b1e1ff" fill-opacity=".75"/><path d="M 310.33133 250.01627 L 331.66467 250.01627 C 339.94895 250.01627 346.66467 256.732 346.66467 265.01627 L 346.66467 271.68294 C 346.66467 279.96721 339.94895 286.68294 331.66467 286.68294 L 310.33133 286.68294 C 302.04706 286.68294 295.33133 279.96721 295.33133 271.68294 L 295.33133 265.01627 C 295.33133 256.732 302.04706 250.01627 310.33133 250.01627 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5"/><text transform="translate(300.33133 261.3496)" fill="black"><tspan font-family="Helvetica" font-size="12" font-weight="500" x="4.324875" y="11" textLength="32.683594">Model</tspan></text><path d="M 238.33353 250.01627 L 259.66687 250.01627 C 267.95115 250.01627 274.66687 256.732 274.66687 265.01627 L 274.66687 271.68294 C 274.66687 279.96721 267.95115 286.68294 259.66687 286.68294 L 238.33353 286.68294 C 230.04926 286.68294 223.33353 279.96721 223.33353 271.68294 L 223.33353 265.01627 C 223.33353 256.732 230.04926 250.01627 238.33353 250.01627 Z" fill="#b1d6a2" fill-opacity=".75"/><path d="M 238.33353 250.01627 L 259.66687 250.01627 C 267.95115 250.01627 274.66687 256.732 274.66687 265.01627 L 274.66687 271.68294 C 274.66687 279.96721 267.95115 286.68294 259.66687 286.68294 L 238.33353 286.68294 C 230.04926 286.68294 223.33353 279.96721 223.33353 271.68294 L 223.33353 265.01627 C 223.33353 256.732 230.04926 250.01627 238.33353 250.01627 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5"/><text transform="translate(228.33353 261.3496)" fill="black"><tspan font-family="Helvetica" font-size="12" font-weight="500" x="6.668625" y="11" textLength="27.996094">DOM</tspan></text><line x1="416.17475" y1="201.22354" x2="422.09868" y2="220.61085" marker-end="url(#FilledArrow_Marker)" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><line x1="430.66658" y1="267.23448" x2="430.66658" y2="276.83459" marker-end="url(#FilledArrow_Marker)" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><line x1="430.66656" y1="323.90126" x2="430.66656" y2="350.16784" marker-end="url(#FilledArrow_Marker)" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><text transform="translate(429.0001 330.46027)" fill="black"><tspan font-family="Courier" font-size="10" font-weight="500" x=".4951172" y="10" textLength="60.009766">.innerHTML</tspan></text><line x1="249.0002" y1="199.61433" x2="249.0002" y2="240.11627" marker-end="url(#FilledArrow_Marker)" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><text transform="translate(201.33286 203.41861)" fill="black"><tspan font-family="Courier" font-size="10" font-weight="500" x="4.663254" y="10" textLength="42.006836">Browser</tspan><tspan font-family="Courier" font-size="10" font-weight="500" x="10.6642306" y="22" textLength="30.004883">parse</tspan></text><line x1="461.3742" y1="201.15046" x2="448.0005" y2="221.83782" marker-end="url(#FilledArrow_Marker)" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path d="M 428.66666 396.98447 C 430.66666 422.65113 504.66712 410.65113 518.00043 272.65115 C 529.8039 150.48609 509.21527 135.42322 491.38492 155.08119" marker-end="url(#FilledArrow_Marker_2)" stroke="#003f80" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/><text transform="translate(478.3534 267.78986)" fill="#004fb1"><tspan font-family="Helvetica" font-size="12" font-weight="500" fill="#004fb1" x=".1484375" y="11" textLength="36.703125">update</tspan><tspan font-family="Helvetica" font-size="12" font-weight="500" fill="#004fb1" x="5.1523438" y="25" textLength="26.695312">Loop</tspan></text><path d="M 233.50021 348.68228 L 264.50021 348.68228 C 272.78448 348.68228 279.50021 355.398 279.50021 363.68228 L 279.50021 370.34895 C 279.50021 378.63322 272.78448 385.34895 264.50021 385.34895 L 233.50021 385.34895 C 225.21594 385.34895 218.50021 378.63322 218.50021 370.34895 L 218.50021 363.68228 C 218.50021 355.398 225.21594 348.68228 233.50021 348.68228 Z" fill="#b1d6a2" fill-opacity=".75"/><path d="M 233.50021 348.68228 L 264.50021 348.68228 C 272.78448 348.68228 279.50021 355.398 279.50021 363.68228 L 279.50021 370.34895 C 279.50021 378.63322 272.78448 385.34895 264.50021 385.34895 L 233.50021 385.34895 C 225.21594 385.34895 218.50021 378.63322 218.50021 370.34895 L 218.50021 363.68228 C 218.50021 355.398 225.21594 348.68228 233.50021 348.68228 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5"/><text transform="translate(223.50021 360.01562)" fill="black"><tspan font-family="Helvetica" font-size="12" font-weight="500" x=".158203125" y="11" textLength="50.683594">directives</tspan></text><line x1="249.00021" y1="286.93294" x2="249.00021" y2="338.78228" marker-end="url(#FilledArrow_Marker)" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><text transform="translate(202.66734 324.41827)" fill="black"><tspan font-family="Courier" font-size="10" font-weight="500" x="4.663254" y="10" textLength="42.006836">extract</tspan></text><path d="M 261.70043 280.76737 C 232.0672 288.32865 241.71949 318.06815 284.33328 318.06815 C 331.66662 318.06815 332.33332 279.14175 298.33353 279.14175" marker-start="url(#FilledArrow_Marker_3)" stroke="#004080" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/><text transform="translate(251.20776 283.38181)" fill="#004fb1"><tspan font-family="Helvetica" font-size="12" font-weight="500" fill="#004fb1" x="2.4785156" y="11" textLength="58.04297">continuous</tspan><tspan font-family="Helvetica" font-size="12" font-weight="500" fill="#004fb1" x=".13769531" y="25" textLength="62.72461">update loop</tspan></text><path d="M 279.50021 367.01562 C 294.99997 367.68227 303.98337 365 311.52454 355 C 317.4736 347.11126 325.74154 330.51999 322.422 318.62924" marker-end="url(#FilledArrow_Marker)" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><text transform="translate(305.66669 345.03137)" fill="black"><tspan font-family="Helvetica" font-size="12" font-weight="500" x="9.1552734" y="11" textLength="32.689453">set up</tspan><tspan font-family="Helvetica" font-size="12" font-weight="500" x=".15234375" y="25" textLength="50.695312">$watches</tspan></text></g></g></svg>