module.template.html 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. {% extends "base.template.html" %}
  2. {% block content %}
  3. <h1>
  4. {% if doc.title %}{$ doc.title | marked $}{% else %}{$ doc.name | code $}{% endif %}
  5. </h1>
  6. {$ doc.description | marked $}
  7. {% if doc.name != 'ng' and doc.name != 'auto' %}
  8. <h2>Installation</h2>
  9. <p>First include {$ doc.packageFile | code $} in your HTML:</p>
  10. {% code %}
  11. <script src="angular.js">
  12. <script src="{$ doc.packageFile $}">
  13. {% endcode %}
  14. <p>You can download this file from the following places:</p>
  15. <ul>
  16. <li>
  17. <a href="https://developers.google.com/speed/libraries/devguide#angularjs">Google CDN</a><br>
  18. e.g. {$ ("//ajax.googleapis.com/ajax/libs/angularjs/X.Y.Z/" + doc.packageFile) | code $}
  19. </li>
  20. <li>
  21. <a href="http://bower.io">Bower</a><br>
  22. e.g. {% code %}bower install {$ doc.packageName $}@X.Y.Z{% endcode %}
  23. </li>
  24. <li>
  25. <a href="http://code.angularjs.org/">code.angularjs.org</a><br>
  26. e.g. {% code %}"//code.angularjs.org/X.Y.Z/{$ doc.packageFile $}"{% endcode %}
  27. </li>
  28. </ul>
  29. <p>where X.Y.Z is the AngularJS version you are running.</p>
  30. <p>Then load the module in your application by adding it as a dependent module:</p>
  31. {% code %}
  32. angular.module('app', ['{$ doc.name $}']);
  33. {% endcode %}
  34. <p>With that you&apos;re ready to get started!</p>
  35. {% endif %}
  36. <div class="component-breakdown">
  37. <h2>Module Components</h2>
  38. {% for componentGroup in doc.componentGroups %}
  39. <div>
  40. <h3 class="component-heading" id="{$ componentGroup.groupType | dashCase $}">{$ componentGroup.groupType | title $}</h3>
  41. <table class="definition-table">
  42. <tr>
  43. <th>Name</th>
  44. <th>Description</th>
  45. </tr>
  46. {% for component in componentGroup.components %}
  47. <tr>
  48. <td>{$ component.id | link(component.name, component) $}</td>
  49. <td>{$ component.description | firstParagraph | marked $}</td>
  50. </tr>
  51. {% endfor %}
  52. </table>
  53. </div>
  54. {% endfor %}
  55. </div>
  56. {% if doc.usage %}
  57. <h2>Usage</h2>
  58. {$ doc.usage | marked $}
  59. {% endif %}
  60. {% endblock %}