无法使用AngularJS绑定数据

时间:2014-07-13 17:46:23

标签: angularjs-scope

我无法绑定工作。 我不确定我做错了什么。 当我尝试在页面上显示标题的值时,生成的页面为“{{name}}”而不是“我的应用程序”。

以下是代码:

<!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>

1 个答案:

答案 0 :(得分:1)

我通过直接从谷歌CDN加载角度来实现它,所以错误可能在加载角度

见这里: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>