Issue with running Angular js

Question

<!DOCTYPE html>
<html>

 <head>

          <title>ggl</title>
          <link rel="stylesheet" href="css/bootstrap.css">
          <link rel="stylesheet" href="css/style.css">
          <meta charset="utf-8">
          <meta name="viewport" content="width=device-width">
 </head>
 <script src="js\angular.min.js"></script>
 <script>
 function Customer($scope){
   $scope.CustomerName="bob";
   $scope.CustomerCode="200";
 }
 var myApp = angular.module("myApp",[]);
 myApp.controller("Customer", Customer);



 </script>
 <body>

   <div id="CustScreen" ng-controller="Customer">
     Customer Name :-<input ng-model="CustomerName"type="text" id="CustomerName">
     Customer Code :-<input ng-model="CustomerCode"type="text" id="CustomerCode">
     <div id="divCustomerName">{{CustomerName}}</div>
     <div id="divCustomerName">{{CustomerCode}}</div><br/>
   </div>


 </body>
 </html>

The outcome when I run the program is that it prints {{CustomerName}} in the div and not the expected input name. I am unsure if it is a problem with the code itself or the linking I have made.

Nikolaj Dam Larsen · Accepted Answer · 2017-03-22 15:03:28Z

2

First of all, your script is between the <head> and <body> tag, but that's probably not the issue here. The issue is most likely because you forgot to add

ng-app="myApp"

on one of your root elements e.g. <html ng-app="myApp">.

Without that attribute, angular doesn't know where to start bootstrapping the application.

edited Mar 22, 2017 at 15:03

answered Mar 22, 2017 at 14:56

Nikolaj Dam Larsen

5,7146 gold badges37 silver badges46 bronze badges

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

Comments

Muhammed Neswine · Accepted Answer · 2017-03-22 14:56:34Z

0

You havent added ng-app directive in the HTML. Replace <html> as <html ng-app="myApp">

answered Mar 22, 2017 at 14:56

Muhammed Neswine

2,0571 gold badge21 silver badges20 bronze badges

Collectives™ on Stack Overflow

Issue with running Angular js

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related