AngularJs integration with Eclipse over Maven & Jersey
<p>I am creating an AngularJs project with RESTful API providing JSON data.</p>

<p>I need to develop complete project in Ecplise IDE as I am using Java classes to generate RESTful resources.</p>

<p>Problem is I don't know how to make Eclipse understand AngularJs.</p>

<p>I have included my javascripts and html pages in the project directory and while running it is this error:</p>

<pre><code>http://localhost:7070/storyBoard/src/main/lib/angular-resource.min.js 404 (Not Found)
</code></pre>

<p>It is unable to find my scripts I have provided path of in my project's directory structure.</p>

<p>Here is the directory structure:</p>

<p><a href="https://i.stack.imgur.com/QRoCs.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QRoCs.png" alt="Directory Structure"></a></p>

<p>I am using Jersey framework for Maven. Is it even possible to integrate Angular this way? if not what other way can I accomplish this?</p>

<p>Here is the index.html template:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;html ng-app="Writer"&gt;
&lt;head&gt;
    &lt;script src="src/main/webapp/ajs/angular.min.js"&gt;&lt;/script&gt;
 &lt;script src="src/main/webapp/ajs/angular-route.min.js" &gt;&lt;/script&gt;
    &lt;script src="src/main/webapp/ajs/angular-resource.min.js"&gt;&lt;/script&gt;
 &lt;script src="https://jspm.io/system@0.16.js"&gt;&lt;/script&gt;
 &lt;script src="src/main/webapp/ajs/app.js"&gt;&lt;/script&gt;
    &lt;script src="src/main/webapp/ajs/controllers.js"&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;input type="text" ng-model="name" /&gt;
hello {{name}}
&lt;h1&gt;hello&lt;/h1&gt;
    &lt;div ng-view&gt;&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;</code></pre>
</div>
</div>
</p>