无法让 Angular 工作(即使在 git 页面上)

问题描述 投票:0回答:1

我正在尝试使用 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 文件位于同一文件夹中,直接下载。 这可能是旧版本吗?

javascript angularjs git
1个回答
0
投票

您的代码中有几个错误。首先,您不要在 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>

© www.soinside.com 2019 - 2024. All rights reserved.