Question

我正在关注一个教程，但坚持一个问题。我不知道我在这里失踪了什么。

    //script.js
    var MainController = function($scope)
    {
      $scope.message = "Hello!!!!";
    };

<!-- index.html -->
<!DOCTYPE html>
<html ng-app>

  <head>
    <script data-require="angular.js@1.3.4" data-semver="1.3.4" src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.4/angular.min.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body ng-controller="MainController">
    <h1>{{message}}</h1>
  </body>

</html>

问题是 - 邮件没有约束力。

Answer 1

首先创建模块，然后将控制器添加到模块，在HTML部分中指定应用程序和控制器。

<!DOCTYPE html>
<html ng-app="app">

  <head>
    <script data-require="angular.js@1.3.4" data-semver="1.3.4" src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.4/angular.min.js"></script>
     <script>
     var app = angular.module('app',[]);
      var MainController1 = function($scope)
      {
        $scope.message = "Hello!!!!";
      };
      app.controller("MainController1", MainController1);

    </script>
  </head>

  <body ng-controller="MainController1">
    <h1>{{message}}</h1>
  </body>

</html>

Angular.js第一期

1 个答案: