Question

我创建了一个基本的AngularJS应用程序，它没有在控制器上声明的实时站点上显示值。

实时网站会显示写在控制器文件上的表达式。

即。 - 显示：

而不是：

第一个角度标题第一个角度段落

的index.html：

<!DOCTYPE html>
<html>
  <head>
      <title>Angular Application</title>
      <script src="js/shared/angular.min.js"></script>
  </head>
  <body ng-app="mainApp">

    <div ng-controller="MainController">

      <h1> {{ title }} </h1>
      <p> {{ paragraph }}<p>

    </div>

    <!-- Modules -->
    <script src="js/app.js"></script>

    <!-- Controllers -->
    <script src="js/controllers/MainController.js"></script>

  </body>
</html>

MainController.js

app.controller("MainController", ['$scope', function($scope) {
    $scope.title = "First Angular Title";
    $scope.paragraph = "First Angular Paragraph";
}]);

app.js

var app = angular.module("mainApp", []);

我不知道我做错了什么。我对此完全陌生。我感谢任何帮助。谢谢你的时间。

Answer 1

我已经从cdn中包含了角度并更新了内联脚本同样的工作。请验证包含的文件是否正确加载。

<!DOCTYPE html>
<html>
  <head>
      <title>Angular Application</title>
      <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.6/angular.min.js"></script>
  </head>
  <body ng-app="mainApp">

    <div ng-controller="MainController">

      <h1> {{ title }} </h1>
      <p> {{ paragraph }}<p>

    </div>

    <!-- Modules -->
    <script type="text/javascript">
    var app = angular.module("mainApp", []);

    app.controller("MainController", ['$scope', function($scope) {
        $scope.title = "First Angular Title";
        $scope.paragraph = "First Angular Paragraph";
    }]);
    </script>


  </body>
</html>


</body>
</html>

AngularJs没有编译

1 个答案: