Unable to bind data using AngularJS

Question

I am unable to get binding to work. I am not sure what I am doing wrong. When I attempt to display the value of the header on the page, the page generated is "{{name}}" instead of "My App".

Here is the code:

<!DOCTYPE HTML>
<html ng-app="appModule">
<head ng-controller="appController">
    <meta name="viewport" content="width=device-width" />
    <title>Home</title>

    <script src="~/Views/Scripts/angular.js"></script>
    <script>
        /// <reference path="~/Views/Scripts/angular.js" />

        var appModule = angular.module("appModule", []);

        appModule.controller("appController", function ($scope)
        {
            $scope.name = "My App";
        });
    </script>
</head>
<body ng-controller="appController">
    <div>
        <h1>{{name}}</h1>
    </div>
</body>
</html>

You should avoid using a tilde in your URL.

Tom
– Tom

2014-07-13 18:01:47 +00:00
Commented Jul 13, 2014 at 18:01 — Tom
– Tom, Commented Jul 13, 2014 at 18:01

bobbarebygg · Accepted Answer · 2014-07-13 17:56:58Z

1

I got it working by loading angular directly from google CDN, so the error might be in the loading of angular

See here: http://jsfiddle.net/9JyX6/

<html ng-app="appModule">
<head ng-controller="appController">
    <title>Home</title>

    <script>
        /// <reference path="~/Views/Scripts/angular.js" />

        var appModule = angular.module("appModule", []);

        appModule.controller("appController", function ($scope)
        {
            $scope.name = "My App";
        });
    </script>
</head>
<body ng-controller="appController">
    <div>
        <h1>{{name}}</h1>
    </div>
</body>
</html>

answered Jul 13, 2014 at 17:56

bobbarebygg

3663 silver badges9 bronze badges

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

1 Comment

Scott Nimrod Over a year ago

Updated script tag syntax using "../": <script src="../Views/Scripts/angular.js"></script>

Collectives™ on Stack Overflow

Unable to bind data using AngularJS

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related