Why my Angular setup not Loading

Question

Here i try to Angular setup in html page for that i wrote simple code as Below

MyApp.js

/// <reference path="angular.js" />
var app = angular.module('MyApp', [])
debugger;
app.controller('HomeCtrls', function ($scope) {
    $scope.msg = "This is MyApp....";
})

Master.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head ng-app="MyApp">
    <title></title>
    <script src="../../Script/angular.js"></script>
    <script src="../../Script/MyApp.js"></script>
</head>
<body ng-controller="HomeCtrls">
    {{msg}}
</body>
</html>

Here why my msg is not Loading This is MyApp....

make sure your script files are loading. go to browser console and check the network tab — Sachila Ranawaka
– Sachila Ranawaka, Commented May 22, 2017 at 6:11

Manikandan Velayutham · Accepted Answer · 2017-05-22 06:16:42Z

4

ng-app inject wrong place. Not <head ng-app="MyApp">, Inject html or body or div tag as per your web application need.

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="../../Script/angular.js"></script>
    <script src="../../Script/MyApp.js"></script>
</head>
<body ng-app="MyApp" ng-controller="HomeCtrls">
    {{msg}}
</body>
</html>

edited May 22, 2017 at 6:16

answered May 22, 2017 at 6:12

Manikandan Velayutham

2,2281 gold badge17 silver badges22 bronze badges

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

2 Comments

Claies Over a year ago

that's a nice catch!

Manikandan Velayutham Over a year ago

Welcome @Joe Pill

Emad Dehnavi · Accepted Answer · 2017-05-22 06:13:42Z

0

the problem is with your angular script, is not loaded, check your path, you can use the CDN also :

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>

answered May 22, 2017 at 6:13

Emad Dehnavi

3,4795 gold badges24 silver badges47 bronze badges

Collectives™ on Stack Overflow

Why my Angular setup not Loading

2 Answers 2

2 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Related