我的AngularJS代碼均未執行？

Question

我正在嘗試從AngularJS開始，但是當我運行頁面時，我的代碼都沒有被執行，輸出只是網站上的{{angular-message}}。 我收到錯誤“錯誤：[ng：areq]參數'MainController'不是函數，未定義”這是代碼

index.html

<!DOCTYPE html>
<html ng-app>

  <head data-gwd-animation-mode="quickMode">
    <title>Angular!</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="generator" content="Google Web Designer 1.1.2.0814">
    <style type="text/css">
      html, body {
        width: 100%;
        height: 100%;
        margin: 0px;
      }
      body {
        background-color: transparent;
        -webkit-transform: perspective(1400px) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        -webkit-transform-style: preserve-3d;
      }
    </style>


    <script data-require="angular.js@*" src="https://code.angularjs.org/1.3.0-rc.0/angular.js"></script>
    <script src="script.js"></script>
  </head>

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

</html>

這是我的script.js文件。

var MainController = function($scope)
{
    $scope.angular-message = "AngularJS Rocks!" 
}

Answer 1

您在頁面中有語法錯誤。 angular-message在Javascript中不是有效的標識符，因此您應該使用方括號表示法：

$scope['angular-message'] = "AngularJS Rocks!";

甚至更好地使用駝峰大小寫作為變量和屬性名稱：

$scope.angularMessage = "AngularJS Rocks!";

另外，請確保在開發過程中始終保持開發人員控制台處於打開狀態，以確保您不會錯過任何錯誤。

Answer 2

如果您不想使用模塊，請像下面這樣編碼：

function MainController($scope)
{
   $scope.angularMessage = "AngularJS Rocks!" 
}

渲染：

{{angularMessage}}

我的AngularJS代碼均未執行？

問題描述

2 個解決方案

解決方案1
2 2014-09-07 11:17:34

解決方案2
1 2014-09-07 11:36:05

我的AngularJS代碼均未執行？

問題描述

2 個解決方案

解決方案1 2 2014-09-07 11:17:34

解決方案2 1 2014-09-07 11:36:05

解決方案1
2 2014-09-07 11:17:34

解決方案2
1 2014-09-07 11:36:05