title: Where can I find the links/calls to AngularJS components for an app?
body: <p>From a previous question I posted I asked where does the index.html of an AngularJS app (Moodle Mobile) leads to when opened. From the responses I received I learnt that the app will call the templates from <code>moodlemobile-phonegapbuild/core/components/login/templates/</code> to form the login page.</p>
  
  <p>My question is, <strong>how and where is it declared that the application will load the <code>.html</code> files from <code>moodlemobile-phonegapbuild/core/components/login/templates/</code> specifically when I start <code>index.html</code>?</strong> </p>
  
  <p>For reference, here is the index.html:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"&gt;
      &lt;meta http-equiv="Content-Security-Policy" content="default-src * filesystem: cdvfile: file: gap: https://ssl.gstatic.com; img-src * filesystem: gap: data: cdvfile: file: https://ssl.gstatic.com android-webview-video-poster:; style-src 'self' 'unsafe-inline' filesystem: cdvfile: file:; script-src 'self' 'unsafe-inline' 'unsafe-eval' http://localhost:* filesystem: cdvfile: file:"&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;link href="build/mm.bundle.css" rel="stylesheet"&gt;
      &lt;script src="lib/ionic/release/js/ionic.bundle.js"&gt;&lt;/script&gt;
      &lt;script src="cordova.js"&gt;&lt;/script&gt; &lt;!--cordova.js will 404 during local development, as it gets injected into your project during Cordova’s build process.--&gt;
      &lt;script src="lib/angular-translate/angular-translate.js"&gt;&lt;/script&gt;
      &lt;script src="lib/angular-translate-loader-partial/angular-translate-loader-partial.js"&gt;&lt;/script&gt;
      &lt;script src="lib/ngCordova/dist/ng-cordova.js"&gt;&lt;/script&gt;
      &lt;script src="lib/ydn.db/jsc/ydn.db-dev.js"&gt;&lt;/script&gt;
      &lt;script src="lib/angular-md5/angular-md5.js"&gt;&lt;/script&gt;
      &lt;script src="lib/angular-aria/angular-aria.js"&gt;&lt;/script&gt;
      &lt;script src="lib/moment/min/moment-with-locales.js"&gt;&lt;/script&gt;
      &lt;script src="lib/jszip/dist/jszip.js"&gt;&lt;/script&gt;
      &lt;script src="lib/oclazyload/dist/ocLazyLoad.js"&gt;&lt;/script&gt;
      &lt;script src="lib/ckeditor/ckeditor.js"&gt;&lt;/script&gt;
      &lt;script src="lib/angular-ckeditor/angular-ckeditor.js"&gt;&lt;/script&gt;
      &lt;script src="lib/angular-messages/angular-messages.js"&gt;&lt;/script&gt;
      &lt;script src="build/mm.bundle.js"&gt;&lt;/script&gt;
      &lt;style&gt;&lt;/style&gt; &lt;!-- Empty style to make easier to test styles using Inspector. --&gt;
    &lt;/head&gt;
    &lt;body ng-app="mm"&gt;
      &lt;ion-nav-view&gt;&lt;/ion-nav-view&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>As you can see there are 0 reference to where the next "page" is. I did some readup regarding how ionic framework works and now I understand that the <code>&lt;ion-nav-view&gt;</code> will be controlling the view of the "page" like taking the individual <code>.html</code> in the <code>/templates</code> folder to form the login page. </p>
  
  <p>But the question still remains, <strong>where can I find the reference in which ionic is told to form the login "page" using the <code>.html</code> files from <code>moodlemobile-phonegapbuild/core/components/login/templates/</code> specifically once I start <code>index.html</code>?</strong></p>
  
  <p>Your help is much appreciated.</p>