Simple Angular JS app not working and not showing any errors

Question

My Simple Angular JS app isn't working. Can anybody help me out, the following is the code. Index.js is the main file which includes a script file controller.js .

The browser does not shows any errors when I try to run the app:

var app = angular.module('myApp',[]);
app.controller('myCtrl',function($scope){
    $scope.name="Angad";
});

<!DOCTYPE html>
<html ng-app="myApp">
<head>
    <meta charset="utf-8" />
    <title>Welcome</title>
</head>
<body ng-controller="myCtrl">
    <nav>Navigation</nav>
    <div ng-controller="myCtrl">
        <input type="text" ng-model="name">
        <h1>{{name}}</h1>
    </div>
    <footer>Copyright-2017</footer>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</body>
</html>

why you declare 2 controllers ? Plus make sure angular.min.js has loaded properly — Vineet
– Vineet, Commented Jan 13, 2017 at 11:21
your code is working fine. How are you testing your app ? Simply by opening index.html in a browser ? — Weedoze
– Weedoze, Commented Jan 13, 2017 at 11:23
@Weedoze ... Yes by running the file index.html in the browser — Angadbir Singh Sandhu
– Angadbir Singh Sandhu, Commented Jan 13, 2017 at 11:26
@AngadbirSinghSandhu That's not how to run an AngularJS app. You should launch via a servr — Weedoze
– Weedoze, Commented Jan 13, 2017 at 11:27

R. S. · Accepted Answer · 2017-01-13 11:40:01Z

6

it is due to script loading statement

change

<script src="js/angular.min.js" />
<script src="js/controller.js" />

with

<script src="js/angular.min.js"></script>
<script src="js/controller.js"></script>

edited Jan 13, 2017 at 11:40

answered Jan 13, 2017 at 11:30

R. S.

4005 silver badges17 bronze badges

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

2 Comments

Angadbir Singh Sandhu Over a year ago

Thanks .. I worked :) But I do want to know why it didnt worked the other way around ... I mean whats the diff between <script /> and <script></script> in this context

R. S. Over a year ago

<Script> tag is not self closing tag like <input> tag

Rafique Ahmed · Accepted Answer · 2017-01-13 11:34:47Z

2

Simple Angularjs app works without a webserver. Your example will also work.

Just close the script tag properly.

<script src="js/angular.min.js"></script>
<script src="js/controller.js"></script>

answered Jan 13, 2017 at 11:34

Rafique Ahmed

1172 silver badges8 bronze badges

Collectives™ on Stack Overflow

Simple Angular JS app not working and not showing any errors

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related