我正在尝试使用 Angular 的第一次体验,但即使本地主机服务器正在运行,我也只得到角度表达式的大括号 - 它在 git 页面上是相同的..
有人可以帮助我吗?研究给我带来了更复杂的解决方案,例如停止在更复杂的级别上以角度显示这些大括号,但我觉得我的问题非常基本 - 但尽可能多地复制和测试,我无法让它工作。
以下是 HTML:
<!DOCTYPE html>
<html ng-app="myFirstApp">
<head>
<meta charset="utf-8">
<script src="scripts/angular.min.js"></script>
<script src="scripts/app.js"></script>
<title>Hello Coursera</title>
</head>
<body>
<h1>Hello Coursera</h1>
<div ng-controller="MyFirstController">
{{$scope}}
</div>
</body>
</html>
同文件夹中的app.js:
(function () {
'use strict';
angular.module('myFirstApp', [])
.controller('MyFirstController', funtion($scope) {
$scope.name = "simon";
});
})();
Angular.min.js 文件位于同一文件夹中,直接下载。 这可能是旧版本吗?
您的代码中有几个错误。首先,您不要在 html 中编写 {{$scope}} 。你直接写变量名如
{{name}}
那么你拼写的函数就是错误的。
PFB 代码,它将为您工作。
(function () {
'use strict';
angular.module('myFirstApp', [])
.controller('MyFirstController', function($scope) {
$scope.name = "simon";
});
})();
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.22/angular.min.js"></script>
<!DOCTYPE html>
<html ng-app="myFirstApp">
<head>
<meta charset="utf-8">
<script src="scripts/angular.min.js"></script>
<script src="scripts/app.js"></script>
<title>Hello Coursera</title>
</head>
<body >
<h1>Hello Coursera</h1>
<div ng-controller="MyFirstController">
{{name}}
</div>
</body>
</html>