2016-03-19 98 views
0

我寫在控制器中的任何內容都不會反映在HTML中。 我刪除了我的代碼中的所有內容,只是試圖渲染一條簡單的消息,但那也不起作用。控制器值沒有正確填充

<!DOCTYPE html> 
<html> 
<head> 
    <title></title> 
    <script src="Scripts/angular.js"></script> 
    <link href="Style/style.css" rel="stylesheet" /> 
    <script src="app/main.js"></script> 
</head> 
<body ng-app="mainApp"> 
    <div> 
     <div ng-controller="MainCnt"> 
      <h1> 
       {{message}} 
      </h1> 
     </div>   
    </div> 
</body> 
</html> 

這是JS部分:

(function() { 
    var main = angular.module("mainApp",[]); 
    var MainController = function($scope) { 
     $scope.message = "Hello!"; 
    }; 
    main.controller = ("MainCnt",MainController); 
}()); 

我在做什麼錯?自從最後一個小時以來,我一直無法在HTML中顯示簡單的消息。相反,它只顯示{{ message}}

+0

HI,在控制檯我得到下面的錯誤消息。錯誤:[ng:areq] http://errors.angularjs.org/1.5.0/ng/areq?p0=MainController&p1=not%20a%20function%2C%20got%20undefined – Tania

回答

1

你讓在此行的任務:

main.controller = ("MainCnt",MainController); 

你真正想要做的是調用controller()方法:

main.controller("MainCnt",MainController); 
+0

謝謝Sven。這是問題所在。它真的很愚蠢。 – Tania