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示例控制器

回答

相关问题