我正在学习AngularJS
,无法获得简单的代码来工作。这是我的代码:
html
<!DOCTYPE html>
<html ng-app>
<head>
<script data-require="angular.js@*" 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
。我想念什么吗?谢谢你。
尝试这样
<!DOCTYPE html>
<html ng-app="app">
<head>
<script data-require="angular.js@*" 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";
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句