2017-01-05 139 views
1

一些一個控制器,請幫助我,男初學者,我寫的控制器代碼,當我初始化索引頁控制器它不顯示了的script.js消息angularjs不工作

var MainController = function($scope){ 
 
    $scope.message = "Hello angularJS"; 
 
}
<!DOCTYPE html> 
 
<html ng-app> 
 

 
<head> 
 
    <script data-require="[email protected]*" data-semver="2.0.0" src="https://code.angularjs.org/2.0.0-snapshot/angular2.js"></script> 
 
    <link rel="stylesheet" href="style.css" /> 
 
    <script src="script.js"></script> 
 
</head> 
 

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

 
</html>

請幫助我,指導我.... I,M初學者請...

回答

0

您必須ng-app定義。改變ng-appng-app="app"<html>標籤

更改您的script.js如下

angular.app('app', []).controller('MainController', MainController); 

MainController.$inject = [$scope]; 

function MainController($scope){ 
    $scope.message = "Hello world"; 
} 
+0

感謝兄弟你的答案....它,S工作... – user3719190

0

您需要定義NG-應用程序名稱。

使用此代碼的html代碼

<script src="angular.min.js"></script> 
    <script src="hello_world_controller.js"></script> 
    <div ng-app="HelloWorldApp"> 
     <div ng-controller="HelloWorldController"> 
      <h1>{{greeting}}</h1> 
     </div> 
    </div> 

JavaScript代碼

angular.module('HelloWorldApp', []) 
    .controller('HelloWorldController', function($scope) { 
     $scope.greeting = "Hello World"; 
}); 
+0

非常感謝兄弟呢,明明我的想法關於控制器 – user3719190