Angular not working but no errors

Question

Following my code is not outputting the {{ title }} as 'hello world'. Although angular is not working but gives no error message.

<!-- HTML -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Angular</title>
</head>
<body np-app="myApp">
<div ng-controller="MainController">
{{ title }}
</div>
<script src="https://code.jquery.com/jquery-2.2.4.min.js"                    integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="   crossorigin="anonymous"></script>`
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script>
<script type="text/javascript" src="angular.js"></script>
</body>
</html>

// Javascript

var app = angular.module("myApp", []);
app.controller("MainController", ['$scope', function($scope){
    $scope.title = "hello world";
}]);

David R · Accepted Answer · 2016-09-12 08:29:13Z

12

You have a typo in your body tag as <body np-app="myApp"> which needs to be changed to <body ng-app="myApp">

Hope this helps!

answered Sep 12, 2016 at 8:29

David R

15.7k8 gold badges59 silver badges74 bronze badges

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

Collectives™ on Stack Overflow

Angular not working but no errors

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related