angular/angular.js

View on GitHub
images/docs/guide/concepts.svg/Canvas_11.svg

Summary

Maintainability
Test Coverage
<?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="Arial" font-size="11" 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="Courier" font-size="11" 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><font-face font-family="Courier" font-size="11" units-per-em="1000" underline-position="-144.04297" underline-thickness="91.796875" slope="0" x-height="462.40234" cap-height="594.72656" ascent="753.90625" descent="-246.09375" font-weight="bold"><font-face-src><font-face-name name="Courier-Bold"/></font-face-src></font-face><marker orient="auto" overflow="visible" markerUnits="strokeWidth" id="FilledArrow_Marker" viewBox="-1 -3 5 6" markerWidth="5" markerHeight="6" color="navy"><g><path d="M 2.88 0 L 0 -1.08 L 0 1.08 Z" fill="currentColor" stroke="currentColor" stroke-width="1"/></g></marker><marker orient="auto" overflow="visible" markerUnits="strokeWidth" id="FilledArrow_Marker_2" viewBox="-1 -3 5 6" markerWidth="5" markerHeight="6" color="navy"><g><path d="M 2.9104762 0 L 0 -1.0914286 L 0 1.0914286 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><marker orient="auto" overflow="visible" markerUnits="strokeWidth" id="FilledArrow_Marker_3" viewBox="-4 -3 5 6" markerWidth="5" markerHeight="6" color="navy"><g><path d="M -2.88 0 L 0 1.08 L 0 -1.08 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>module-service</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="#id70_Graphic" filter="url(#Shadow)"/><xl:use xl:href="#id71_Graphic" filter="url(#Shadow)"/></g><path d="M 96.69316 187.76844 L 335.82767 187.76844 C 344.11194 187.76844 350.82767 194.48416 350.82767 202.76844 L 350.82767 284.08647 C 350.82767 292.37074 344.11194 299.08647 335.82767 299.08647 L 96.69316 299.08647 C 88.40889 299.08647 81.69316 292.37074 81.69316 284.08647 L 81.69316 202.76844 C 81.69316 194.48416 88.40889 187.76844 96.69316 187.76844 Z" fill="#b1e0ff" fill-opacity=".75"/><path d="M 96.69316 187.76844 L 335.82767 187.76844 C 344.11194 187.76844 350.82767 194.48416 350.82767 202.76844 L 350.82767 284.08647 C 350.82767 292.37074 344.11194 299.08647 335.82767 299.08647 L 96.69316 299.08647 C 88.40889 299.08647 81.69316 292.37074 81.69316 284.08647 L 81.69316 202.76844 C 81.69316 194.48416 88.40889 187.76844 96.69316 187.76844 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5625" stroke-dasharray="4,4"/><text transform="translate(86.69316 192.76844)" fill="black"><tspan font-family="Arial" font-size="11" font-weight="bold" x="0" y="10" textLength="50.13379">invoice.js</tspan><tspan font-family="Courier" font-size="11" font-weight="500" x="0" y="34.359863" textLength="105.61719">angular.module(“</tspan><tspan font-family="Courier" font-size="11" font-weight="bold" x="105.61719" y="34.359863" textLength="46.20752">invoice</tspan><tspan font-family="Courier" font-size="11" font-weight="500" x="151.82471" y="34.359863" textLength="33.005371">”, [&quot;</tspan><tspan font-family="Courier" font-size="11" font-weight="bold" x="184.83008" y="34.359863" textLength="46.20752">finance</tspan><tspan font-family="Courier" font-size="11" font-weight="500" x="231.0376" y="34.359863" textLength="19.803223">”])</tspan><tspan font-family="Courier" font-size="11" font-weight="500" x="0" y="47.359863" textLength="99.016113">  .controller(&quot;</tspan><tspan font-family="Courier" font-size="11" font-weight="bold" x="99.016113" y="47.359863" textLength="112.21826">InvoiceController</tspan><tspan font-family="Courier" font-size="11" font-weight="500" x="211.23438" y="47.359863" textLength="13.2021484">”,</tspan><tspan font-family="Courier" font-size="11" font-weight="500" x="0" y="60.359863" textLength="46.20752">     [“</tspan><tspan font-family="Courier" font-size="11" font-weight="bold" x="46.20752" y="60.359863" textLength="112.21826">currencyConverter</tspan><tspan font-family="Courier" font-size="11" font-weight="500" x="158.42578" y="60.359863" textLength="13.2021484">”,</tspan><tspan font-family="Courier" font-size="11" font-weight="500" x="0" y="73.359863" textLength="237.63867">      function(currencyConverter) {}</tspan><tspan font-family="Courier" font-size="11" font-weight="500" x="0" y="86.359863" textLength="39.606445">     ]</tspan><tspan font-family="Courier" font-size="11" font-weight="500" x="0" y="99.359863" textLength="26.404297">  );</tspan></text><path d="M 94.875 56.03687 L 337.64583 56.03687 C 345.9301 56.03687 352.64583 62.7526 352.64583 71.03687 L 352.64583 152.3549 C 352.64583 160.63918 345.9301 167.3549 337.64583 167.3549 L 94.875 167.3549 C 86.59073 167.3549 79.875 160.63918 79.875 152.3549 L 79.875 71.03687 C 79.875 62.7526 86.59073 56.03687 94.875 56.03687 Z" fill="#b1d6a2" fill-opacity=".75"/><path d="M 94.875 56.03687 L 337.64583 56.03687 C 345.9301 56.03687 352.64583 62.7526 352.64583 71.03687 L 352.64583 152.3549 C 352.64583 160.63918 345.9301 167.3549 337.64583 167.3549 L 94.875 167.3549 C 86.59073 167.3549 79.875 160.63918 79.875 152.3549 L 79.875 71.03687 C 79.875 62.7526 86.59073 56.03687 94.875 56.03687 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5625" stroke-dasharray="4,4"/><text transform="translate(84.875 61.03687)" fill="black"><tspan font-family="Arial" font-size="11" font-weight="bold" x="0" y="10" textLength="55.00537">index.html</tspan><tspan font-family="Courier" font-size="11" font-weight="500" x="0" y="34.359863" textLength="92.41504">&lt;html ng=app=&quot;</tspan><tspan font-family="Courier" font-size="11" font-weight="bold" x="92.41504" y="34.359863" textLength="46.20752">invoice</tspan><tspan font-family="Courier" font-size="11" font-weight="500" x="138.62256" y="34.359863" textLength="13.2021484">”&gt;</tspan><tspan font-family="Courier" font-size="11" font-weight="500" x="0" y="47.359863" textLength="138.62256">  &lt;div ng-controller=</tspan><tspan font-family="Courier" font-size="11" font-weight="500" x="0" y="60.359863" textLength="33.005371">    &quot;</tspan><tspan font-family="Courier" font-size="11" font-weight="bold" x="33.005371" y="60.359863" textLength="112.21826">InvoiceController</tspan><tspan font-family="Courier" font-size="11" font-weight="500" x="145.22363" y="60.359863" textLength="85.813965"> as invoice&quot;&gt;</tspan></text><path d="M 103.60564 118.53522 C 51.2482 118.53522 62.373966 218.99092 93.41703 235.31914" marker-end="url(#FilledArrow_Marker)" stroke="navy" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke-dasharray="4,4"/><path d="M 230.54373 98.11268 C 250.54146 130.79087 218.1854 168.83382 215.15424 205.15503" marker-end="url(#FilledArrow_Marker_2)" stroke="navy" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.96875" stroke-dasharray="4,4"/><path d="M 96.69316 319.5 L 335.82767 319.5 C 344.11194 319.5 350.82767 326.21573 350.82767 334.5 L 350.82767 415.81803 C 350.82767 424.1023 344.11194 430.81803 335.82767 430.81803 L 96.69316 430.81803 C 88.40889 430.81803 81.69316 424.1023 81.69316 415.81803 L 81.69316 334.5 C 81.69316 326.21573 88.40889 319.5 96.69316 319.5 Z" fill="#b3b3b3"/><path d="M 96.69316 319.5 L 335.82767 319.5 C 344.11194 319.5 350.82767 326.21573 350.82767 334.5 L 350.82767 415.81803 C 350.82767 424.1023 344.11194 430.81803 335.82767 430.81803 L 96.69316 430.81803 C 88.40889 430.81803 81.69316 424.1023 81.69316 415.81803 L 81.69316 334.5 C 81.69316 326.21573 88.40889 319.5 96.69316 319.5 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5625" stroke-dasharray="4,4"/><text transform="translate(86.69316 324.5)" fill="black"><tspan font-family="Arial" font-size="11" font-weight="bold" x="0" y="10" textLength="50.740723">finance.js</tspan><tspan font-family="Courier" font-size="11" font-weight="500" x="0" y="34.359863" textLength="105.61719">angular.module(“</tspan><tspan font-family="Courier" font-size="11" font-weight="bold" x="105.61719" y="34.359863" textLength="46.20752">finance</tspan><tspan font-family="Courier" font-size="11" font-weight="500" x="151.82471" y="34.359863" textLength="39.606445">”, [])</tspan><tspan font-family="Courier" font-size="11" font-weight="500" x="0" y="47.359863" textLength="79.21289">  .factory(“</tspan><tspan font-family="Courier" font-size="11" font-weight="bold" x="79.21289" y="47.359863" textLength="112.21826">currencyConverter</tspan><tspan font-family="Courier" font-size="11" font-weight="500" x="191.43115" y="47.359863" textLength="13.2021484">”,</tspan><tspan font-family="Courier" font-size="11" font-weight="500" x="0" y="60.359863" textLength="118.819336">     function() {}</tspan><tspan font-family="Courier" font-size="11" font-weight="500" x="0" y="73.359863" textLength="26.404297">  );</tspan></text><g id="id42_Graphic"><path d="M 430.74982 60.296906 C 430.74982 48.729474 403.47166 39.375 369.76032 39.375 C 336.049 39.375 308.77083 48.729474 308.77083 60.296906 C 308.77083 70.154535 328.7827 78.452743 355.64492 80.61523 C 353.44076 84.33714 349.80822 88.71259 344.08985 90.875076 C 355.1082 90.875076 366.00825 85.745153 373.45263 81.16834 C 405.43674 80.514806 430.74982 71.411652 430.74982 60.296906 Z" fill="#f3ea91"/><path d="M 430.74982 60.296906 C 430.74982 48.729474 403.47166 39.375 369.76032 39.375 C 336.049 39.375 308.77083 48.729474 308.77083 60.296906 C 308.77083 70.154535 328.7827 78.452743 355.64492 80.61523 C 353.44076 84.33714 349.80822 88.71259 344.08985 90.875076 C 355.1082 90.875076 366.00825 85.745153 373.45263 81.16834 C 405.43674 80.514806 430.74982 71.411652 430.74982 60.296906 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><text transform="translate(327.06768 47.100012)" fill="black"><tspan font-family="Helvetica" font-size="12" font-weight="500" x="18.346944" y="11" textLength="7.330078">T</tspan><tspan font-family="Helvetica" font-size="12" font-weight="500" x="24.346944" y="11" textLength="42.691406">emplate</tspan></text></g><g id="id70_Graphic"><path d="M 430.74982 198.0868 C 430.74982 186.51937 403.47166 177.16489 369.76032 177.16489 C 336.049 177.16489 308.77083 186.51937 308.77083 198.0868 C 308.77083 207.94443 328.7827 216.24264 355.64492 218.40512 C 353.44076 222.12704 349.80822 226.50248 344.08985 228.66497 C 355.1082 228.66497 366.00825 223.53505 373.45263 218.95824 C 405.43674 218.3047 430.74982 209.20155 430.74982 198.0868 Z" fill="#f3ea91"/><path d="M 430.74982 198.0868 C 430.74982 186.51937 403.47166 177.16489 369.76032 177.16489 C 336.049 177.16489 308.77083 186.51937 308.77083 198.0868 C 308.77083 207.94443 328.7827 216.24264 355.64492 218.40512 C 353.44076 222.12704 349.80822 226.50248 344.08985 228.66497 C 355.1082 228.66497 366.00825 223.53505 373.45263 218.95824 C 405.43674 218.3047 430.74982 209.20155 430.74982 198.0868 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><text transform="translate(327.06768 184.88991)" fill="black"><tspan font-family="Helvetica" font-size="12" font-weight="500" x="16.682882" y="11" textLength="52.01953">Controller</tspan></text></g><g id="id71_Graphic"><path d="M 430.74982 325.7969 C 430.74982 314.22947 403.47166 304.875 369.76032 304.875 C 336.049 304.875 308.77083 314.22947 308.77083 325.7969 C 308.77083 335.65454 328.7827 343.95274 355.64492 346.11523 C 353.44076 349.83714 349.80822 354.21259 344.08985 356.37508 C 355.1082 356.37508 366.00825 351.24515 373.45263 346.66834 C 405.43674 346.0148 430.74982 336.91165 430.74982 325.7969 Z" fill="#f3ea91"/><path d="M 430.74982 325.7969 C 430.74982 314.22947 403.47166 304.875 369.76032 304.875 C 336.049 304.875 308.77083 314.22947 308.77083 325.7969 C 308.77083 335.65454 328.7827 343.95274 355.64492 346.11523 C 353.44076 349.83714 349.80822 354.21259 344.08985 356.37508 C 355.1082 356.37508 366.00825 351.24515 373.45263 346.66834 C 405.43674 346.0148 430.74982 336.91165 430.74982 325.7969 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><text transform="translate(327.06768 312.60001)" fill="black"><tspan font-family="Helvetica" font-size="12" font-weight="500" x="22.685811" y="11" textLength="40.013672">Service</tspan></text></g><path d="M 229.96208 343.23568 C 285.78913 313.44479 314.59942 279.51385 308.77083 228.39437" marker-start="url(#FilledArrow_Marker_3)" stroke="navy" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke-dasharray="4,4"/><path d="M 117.690145 251.63381 C 58.57634 254.29061 46.914787 356.66153 93.19668 368.1872" marker-end="url(#FilledArrow_Marker)" stroke="navy" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke-dasharray="4,4"/></g></g></svg>