Why my Angular JS app is not working?

Question

Here is firstAngularJSApp.html

<html ng-app="store"><!-- "ng-app" creates and angular app by running the module. because of ng-app html inside of this tag will be treated as part of angular app --> 
<head>
    <link rel="stylesheet" type="text/css" href="bootstrap.min.css"/>
    <script type="text/javascript" src="angular.min.js"></script>
    <script type="text/javascript" src="app.js"/>
</head>
<body>

<p>I am {{ 4+6 }}</p>

</body>
</html>

Here is app.js

var app = angular.module('store',[]);

When I load the page I don't get "I am 10" rather it's blank page. But when I open the source code using Ctrl+U I can see "<p>I am {{ 4+6 }}</p>"

I am using XAMMP to access my files.

Path is correct, self closing script tag was causing problem as mentioned by @Tushar — user4904589
– user4904589, Commented Sep 16, 2015 at 7:50

Community · Accepted Answer · 2017-05-23 11:58:05Z

4

You're using the self-closing script tag which will not work. See Why don't self-closing script tags work?

So, your app.js file is not included on the page and your angular app is not bootstrapped.

Use

<script type="text/javascript" src="app.js"></script>

Also, make sure the file paths are correct.

edited May 23, 2017 at 11:58

CommunityBot

11 silver badge

answered Sep 16, 2015 at 7:44

Tushar

87.4k21 gold badges164 silver badges182 bronze badges

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

Comments

tech-gayan · Accepted Answer · 2015-09-16 07:48:40Z

0

seems like your angular framework is not loaded to the page. make sure it is loaded correctly and check the paths. if you want you can use the network tab in developer tools to check that.

answered Sep 16, 2015 at 7:48

tech-gayan

1,4431 gold badge11 silver badges25 bronze badges

Comments

Deepak S Rautela · Accepted Answer · 2015-09-16 08:19:50Z

0

Your app.js will not load by this method of self closing tags because it is usually intended to contain some piece of code inside it. This prevents your module from being loaded hence your angular app is not working.

use

<script src="app.js"></script>

All the best!!!

answered Sep 16, 2015 at 8:19

Deepak S Rautela

771 gold badge1 silver badge13 bronze badges

Collectives™ on Stack Overflow

Why my Angular JS app is not working?

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related