Angular Expression not evaluating

Question

I'm very new to Angularjs. I have managed to install eclipse plugin for Angularjs and started a simple code. When i have the below code, the expressions are evaluating properly. I have visited similar problems reported in stackoverflow ad have tried all suggestions, but in my case, i just evaluate {{ 7 + 8}} which is straight forward. Please any help here is appreciated. Thanks.

<html ng-app>

As soon as i change to poing ng-app to my module, the page breaks and expressions are not evaluating.

<html ng-app = "corpo">    --> Fails

myapp.html

<html ng-app>
<head>
<script type="text/javascript" src="corp/WebContent/corp.js"></script>
<script
src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script>

<title>Corp</title>
</head>
<body>
<div>
    <p>{{ 7 + 19 }}</p>
</div>

</body>
</html>

corp.js

var corp = angular.module('corpo', []);

Also i keep getting undefined javascript file and i have disabled the validation under properties.

Anik Islam Abhi · Accepted Answer · 2016-02-21 07:31:05Z

1

Put corpo below of angular library

Like this

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script>
<script type="text/javascript" src="corp/WebContent/corp.js"></script>

answered Feb 21, 2016 at 7:31

Anik Islam Abhi

25.4k8 gold badges61 silver badges82 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Freaky1 Over a year ago

Thanks, Tried this and no luck. :(

Freaky1 Over a year ago

Sure..

<html ng-app = "corpo"> <head>  <script 	src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script> <script type="text/javascript" src="corp/WebContent/corp.js"></script> <title>Corp</title> </head> <body> 	<div> 		<p>{{ 7 + 19 + 1 }}</p> 	</div>  </body> </html>

Freaky1 Over a year ago

nope, this is what i see in the console. `Tern response# with 38ms: {} {"query":{"type":"angular","subtype":"type","angularTypes":["module"],"expression":"corpo","scope":{},"files":["WebContent/corp.js","WebContent/angular.js"],"file":"WebContent/corp.html"}} Tern request#angular_type: Tern response#angular_type with 22ms:

Anik Islam Abhi Over a year ago

did your corp.js in right path ? corp/WebContent/corp.js

Freaky1 Over a year ago

wow thanks, i did change from src="corpWebContent\corp.js" to src="corp.js" and that fixed it... Awesome, i initially had this written correctly, but eclipse was complaining about undefined javascript error and had changed this but forgot to revert.

Pankaj Ladhar · Accepted Answer · 2016-02-21 07:33:46Z

0

Its failing because you have injected corp.js before angular.min.js
corp.js after angular.min.js, it will start working

answered Feb 21, 2016 at 7:33

Pankaj Ladhar

1556 bronze badges

1 Comment

Freaky1 Over a year ago

hmm, changed it and cleared the cache, still no luck

Hadi · Accepted Answer · 2016-02-21 07:42:38Z

0

var corp = angular.module('corpo', []);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<html ng-app="corpo">
<head>
<title>Corp</title>
</head>
<body>
<div>
    <p>{{ 7 + 19 }}</p>
</div>

</body>
</html>

change this

<src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js">        </script>
 <script type="text/javascript" src="corp/WebContent/corp.js"></script>

edited Feb 21, 2016 at 7:42

answered Feb 21, 2016 at 7:29

Hadi

17.3k4 gold badges41 silver badges63 bronze badges

3 Comments

Freaky1 Over a year ago

oops, that was a typo when i posted the question. :( and i corrected it now in the question.

Hadi Over a year ago

@Freaky1 I update my answer. you must put crop.js after angular.js

Hadi Over a year ago

@Freaky1 Please see this.

Sachin Kariyattin · Accepted Answer · 2016-02-21 07:48:48Z

0

I think your "corp.js" is not in the right path.

working plunker demo

Post your application directory structure. I am sure the problem is with that.

answered Feb 21, 2016 at 7:48

Sachin Kariyattin

5705 silver badges19 bronze badges

Collectives™ on Stack Overflow

Angular Expression not evaluating

4 Answers 4

5 Comments

1 Comment

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

5 Comments

1 Comment

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related