Javascript 制作一个基本的angularjs应用程序不是';t为我和我工作';我不知道为什么
这是我的档案: timeline.html:Javascript 制作一个基本的angularjs应用程序不是';t为我和我工作';我不知道为什么,javascript,angularjs,web,Javascript,Angularjs,Web,这是我的档案: timeline.html: <!DOCTYPE html> <html> <head> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.5/angular.min.js"></script> </head> <body ng-app="timelineApp"> <div ng-controlle
<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.5/angular.min.js"></script>
</head>
<body ng-app="timelineApp">
<div ng-controller="MainController">
<p>{{ title }}</p>
</div>
<!-- Modules -->
<script src="js/app.js"></script>
<!-- Controllers -->
<script src="js/controllers/MainController.js"></script>
</body>
</html>
MainController.js:
timelineApp.controller('MainController', ['$scope', function($scope) {
$scope.title = 'this is a test';
}]);
我错过了什么?我认为我做的一切都是对的,但出于某种原因,它甚至不会显示标题。
非常感谢你 您可能只需要使用
angular.module("myApp")
在这里拉小提琴:
这对我很有用:
(function(){
angular.module('timelineApp', [])
.controller("MainController", MainController);
})();
function MainController($scope){
$scope.title = "Foo";
}
timelineApp
应该像angular
一样在全局范围内,但请尝试
angular
.module('timelineApp')
.controller('MainController', ['$scope', function($scope) {
$scope.title = 'this is a test';
}]);
在MainController.js中
要创建模块,请使用angular.module('app',[])
不要忘记括号[]
,您可以在此处添加其他模块,如第三方模块,如angular.module('app'、['superModule'、'ui router']
如果要使用模块并注册新控制器或指令,请使用
var app = angular.module('app');
app.controller(....
app.directive(....
现在在主控制器中没有[]
var timelineApp=angular.module(“timelineApp”,[])
timelineApp.controller('MainController',函数($scope){$scope.title='这是一个测试';
});您是在本地运行还是在服务器上运行?如果您是在本地运行,则需要将实际协议添加到angularjs库url(即添加http://part)是否存在任何控制台错误?脚本标记是否适用于
src=“/…”
在这些//?@Lusk116之前,您不需要http:吗?关闭协议会使浏览器使用当前页面上的任何协议,例如,如果您在使用https://浏览器将https:前置到src URL的页面上,此小提琴的作用完全相同,并且正在工作,请不要忘记将javascript加载类型设置为“没有包装”。也许你的文件结构不对?
var app = angular.module('app');
app.controller(....
app.directive(....