AngularJS示例控制器

我在學習AngularJS，無法獲取簡單的代碼來工作。這裏是我的代碼：AngularJS示例控制器

HTML

<!DOCTYPE html> 
<html ng-app> 
    <head> 
     <script data-require="[email protected]*" data-semver="2.0.0-alpha.31" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script> 
     <script src="script.js"></script> 
    </head> 
    <body ng-controller="MainController"> 
     <h1>{{ message }}</h1> 
    </body> 
</html>

的script.js

var MainController = function($scope) { 
    $scope.message = "Test message"; 
};

當我運行代碼，我總是得到{{ message }}，而不是Test message。我錯過了什麼嗎？謝謝。

來源

2015-09-12 FewFlyBy

它可能不會是相關的解決方案，但你要小心用'數據semver =「2.0.0-alpha.31」'，角1.4.5和Angular2阿爾法是不兼容，Angular2是一個完整的框架重寫。 – Claies

嘗試這樣

<!DOCTYPE html> 
<html ng-app="app"> 

    <head> 
    <script data-require="[email protected]*" data-semver="2.0.0-alpha.31" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script> 
    <script src="script.js"></script> 
    </head> 

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

</html>

的script.js

var app=angular.module("app",[]); 
app.controller("MainController",function($scope) { 
    $scope.message = "Test message"; 
});

來源

2015-09-12 01:45:30

仍然一樣。 – FewFlyBy

謝謝你，玩得開心。 – FewFlyBy

@FewFlyBy，歡迎您:) –

確保，定義與功能不變量控制器（read more

下面是一個工作爲例：

angular 
 
    .module('myApp', []); 
 

 
angular 
 
    .module('myApp') 
 
    .controller('MainController', MainController); 
 

 
function MainController($scope) { 
 
    $scope.message = "Test message"; 
 
};

<!DOCTYPE html> 
 
<html ng-app="myApp"> 
 

 
    <head> 
 
\t <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script> 
 
    </head> 
 

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

 
</html>

來源

2015-09-12 01:50:22

AngularJS示例控制器

回答

相關問題