Very simple Angularjs code not working,

Question

I started out angularjs this morning. I got the right result in the morning. But for some reason, this very simple angularjs code doesn't work anymore.

<html ng-app = "jajc">
  <head>
  <title>TESTER</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.js"></script>
</head>
<body>
<form id="searchthis" action="/search" style="display:inline;" method="get">
<input id="ser" name="q" size="80" type="text" ng-model = "name"     placeholder="Enter a place "/>
        <input id="sub" value="Search" type="submit"/>
        <p>Welcome {{name}}</p>
  </form>
 </body>
</html>

that generally means that the application crashed along the way or failed to bootstrap or that you're missing a dependency. Also, remove spacing between ng-app and "jajc" those should be connected without spacing. — SoluableNonagon
– SoluableNonagon, Commented Oct 19, 2015 at 16:39
One thing the puzzles me is that the same code worked in the morning! — Madhu G Nadig
– Madhu G Nadig, Commented Oct 19, 2015 at 16:41

Manoj Shevate · Accepted Answer · 2015-10-19 16:44:07Z

3

Angular searches for module Jajc and failed to load as you havent written any code to register this module. instead just write ng-app in html tag and remove the name. refer below code -

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body ng-app>
<form id="searchthis" action="/search" style="display:inline;" method="get">
<input id="ser" name="q" size="80" type="text" ng-model = "name" placeholder="Enter a place "/> </input>
        <input id="sub" value="Search" type="submit"></input>
        <p>Welcome {{name}}</p>
  </form>

</body>

answered Oct 19, 2015 at 16:44

Manoj Shevate

7424 silver badges18 bronze badges

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

Comments

Johan · Accepted Answer · 2015-10-19 16:43:00Z

0

You should define a ng-controller

answered Oct 19, 2015 at 16:43

Johan

1187 bronze badges

Comments

maddygoround · Accepted Answer · 2015-10-19 16:45:54Z

0

It is just because you have named the app as "jajc" and you have not created any angular module with the same name.

Simply remove the "jajc" and keep your <html> tag as <html ng-app>will do the job.

answered Oct 19, 2015 at 16:45

maddygoround

2,3102 gold badges21 silver badges33 bronze badges

Collectives™ on Stack Overflow

Very simple Angularjs code not working,

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related