Question

我正在尝试使用Angular的第一次体验，但是我只对角度表达式进行了大括号，即使localhost服务器正在运行 - 它在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文件位于同一文件夹中，可直接下载。这可能是旧版本吗？

非常感谢你的帮助。

非常感谢和最诚挚的问候，西蒙

Answer 1

您的代码中有几处错误。首先，你不要在html中写{{$ scope}}。你直接写了像{{name}}之类的变量名，那么你拼写的函数就错了。 PFB代码，它将为您服务。

＆＃13;

(function () {
  'use strict';
  angular.module('myFirstApp', [])

  .controller('MyFirstController', function($scope) {
    $scope.name = "simon";
  });
})();

＆＃13;

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

＆＃13;

无法使Angular工作（即使在git页面上）

1 个答案: