2017-09-04 92 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

相关问题