2017-09-04 90 views
1

我對AngularJs有點新,我正在開發一個教程。這是我的代碼.`

<!DOCTYPE html> 
<html data-ng-app="myApp"> 
    <head> 
    <script src="angular.js"></script> 
    </head> 
    <body data-ng-init="hourOfDay = 10"> 
     <div data-ng-controller="MainCtrl"> 
      <h1>Angular By Bhaskar </h1> 
      <p data-ng-if="hourOfDay<12">Good Morning</p> 
      <p data-ng-if="hourOfDay>17">Good Evening</p> 
      <p>Hour of the day is:{{hourOfDay}} </p> 
     </div> 
    <script> 
     var module = angular.module('myApp',[]); 
     module.controller = ("MainCtrl",Main); 

     function Main(){ 
     console.log("Main function called"); 
     } 
    </script> 

    </body> 

</html>` 

我正在使用Angular 1.6.6。我在這裏做錯了什麼?

+1

'module.controller =( 「MainCtrl」,主);'無需等於在這裏簽字 –

+0

@baskar是否有幫助? – Sajeetharan

+0

@Sajeetharan是的答案奏效。 :) –

回答

2

應該被聲明爲,

module.controller("MainCtrl",Main); 

DEMO

var module = angular.module('myApp',[]); 
 
function Main(){ 
 
     console.log("Main function called"); 
 
}; 
 
module.controller("MainCtrl",Main); 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
    <body data-ng-app="myApp" data-ng-controller="MainCtrl" data-ng-init="hourOfDay = 10"> 
 
     <div > 
 
      <h1>Angular By Bhaskar </h1> 
 
      <p data-ng-if="hourOfDay<12">Good Morning</p> 
 
      <p data-ng-if="hourOfDay>17">Good Evening</p> 
 
      <p>Hour of the day is:{{hourOfDay}} </p> 
 
     </div> 
 
    </body>

+0

非常感謝。我只是檢查了我犯的錯誤。它現在正在運行。再次感謝:) –

+0

很酷的標記,如果它幫助 – Sajeetharan

相關問題