Javascript AngularJS ng应用程序声明的问题_Javascript_Angularjs

Javascript AngularJS ng应用程序声明的问题

javascript angularjs

Javascript AngularJS ng应用程序声明的问题,javascript,angularjs,Javascript,Angularjs,我从Angular开始，我被一个奇怪的问题困扰着我有简单的html和js，如下所示。如果我将angular.js文件链接添加为正文中的最后一行（如文档中所建议的），绑定会由于某种原因而失败。类似地，如果我在头部链接自定义javascript文件，绑定将失败。我确信我在这里遗漏了一些非常基本的东西。我想不出是什么原因 HTML文件： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/s

我从Angular开始，我被一个奇怪的问题困扰着

我有简单的html和js，如下所示。如果我将angular.js文件链接添加为正文中的最后一行（如文档中所建议的），绑定会由于某种原因而失败。类似地，如果我在头部链接自定义javascript文件，绑定将失败。我确信我在这里遗漏了一些非常基本的东西。我想不出是什么原因

HTML文件：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd"
>
<html lang="en">
<head>
<title>Angular Binding</title>
<link rel="stylesheet" href="../Foundation/css/foundation.min.css">
<script type="text/javascript" src="../JS/angular.js"></script>
</head>
<body>
<div ng-app="myapp"> 
    <input type="text" ng-model="data.message">
        {{data.message}}
</div>
<script type="text/javascript" src="BasicFilters.js"></script>
</body>
</html>

尝试将声明移动到html标记：

<html lang="en" ng-app="myapp" xmlns:ng="http://angularjs.org">
<head>[...]


[...]

我也有同样的问题，太残忍了。然后我请一位工作中的开发人员帮忙，当我向他展示这个问题时，它开始工作了

总之，他向我展示的一件事是，控制器应该在绑定到myApp的.controller中，而不是在全局范围内

因此，不是：

function MyController1($scope) {
    $scope.data = { message: "Hello World" };
}

将其放置在控制器内。控制器：

myApp.controller('MyController1', ['$scope', function($scope) {
        $scope.data = { message: "Hello World" };
    }
]);

您可以阅读更多信息。

您在控制台中看到了什么错误？2个错误：未捕获参考错误：未定义角度未捕获错误：无模块：myapp

myApp.controller('MyController1', ['$scope', function($scope) {
        $scope.data = { message: "Hello World" };
    }
]);