Javascript AngularJS项目配置
我正在努力完成我的第一个AngularJS项目。我的项目配置有问题。首先,我创建了一个Java项目AngularJSExample。然后我将其转换为AngularJS项目。我已经为Tern项目配置了脚本路径。html不知道什么是问候语。你能告诉我为什么吗 这些是我的文件:Javascript AngularJS项目配置,javascript,angularjs,Javascript,Angularjs,我正在努力完成我的第一个AngularJS项目。我的项目配置有问题。首先,我创建了一个Java项目AngularJSExample。然后我将其转换为AngularJS项目。我已经为Tern项目配置了脚本路径。html不知道什么是问候语。你能告诉我为什么吗 这些是我的文件: <html ng-app> <head> <script src="angular.js"></script> <script src="controllers.js"&g
<html ng-app>
<head>
<script src="angular.js"></script>
<script src="controllers.js"></script>
</head>
<body>
<div ng-controller='HelloController'>
<p>{{greeting.text}}, World</p>
</div>
</body>
</html>
var myController = angular.module('myApp',[]);
myController.controller('HelloController', ['$scope', function($scope) {
$scope.greeting ={
text : 'Hello'
};
}]);
{{greeting.text}},世界
var myController=angular.module('myApp',[]);
myController.controller('HelloController',['$scope',函数($scope){
$scope.greeting={
短信:“你好”
};
}]);
假设您使用的是AngularJS的当前稳定版本1.2.25,则需要将应用程序名称添加到ng app
指令中。因此,您的标记必须是:
<html ng-app="myApp">
这个问题是关于
首先,脚本必须包含在脚本元素中。我已使用此HTML文件进行了测试:
<html ng-app='myApp'>
<head>
<script src="angular.js"></script>
<script src="controllers.js"></script>
</head>
<body>
<div ng-controller='HelloController'>
<p>{{greeting.text}}, World</p>
</div>
</body>
</html>
<script>
var myController = angular.module('myApp',[]);
myController.controller('HelloController', ['$scope', function($scope) {
$scope.greeting ={
text : 'Hello'
};
}]);
</script>
{{greeting.text}},世界
var myController=angular.module('myApp',[]);
myController.controller('HelloController',['$scope',函数($scope){
$scope.greeting={
短信:“你好”
};
}]);
一切都很顺利:
- 完成模块、控制器、表达式(问候语)
- 将鼠标悬停在模块、控制器、表达式上(问候语)
我认为您的问题是关于表达式中的Ctrl+空格。您必须看到HTML元素这没有帮助。我的控制台中有这样一个:Tern请求#angular类型:{“查询”:{“类型”:“角度”,“子类型”:“类型”,“角度类型”:[“模块”],“表达式”:“myApp”,“范围”:{},“文件”:[“projectFolders/js/controllers.js”]}{“类型”:“模块”,“名称”:“myApp”,“来源”:“projectFolders/js/controllers.js”,“angular类型”:“模块”,“模块”:“myApp”}Tern response#angular#type带23ms:Tern request#angular#type:{“查询”:{“类型”:“角度”,“子类型”:“类型”,“角度类型”:[“控制器”],“表达式”:“HelloController”,“范围”:{“模块”:“myApp”},“文件”:[“projectFolders/js/controllers.js”}我刚把你的代码放到JSBin里,然后把
myApp
添加到ng app
,它在样本中起作用。如果你没有看到“你好,世界!”你肯定在什么地方有其他错误。顺便说一句,您在控制台中看到的东西看起来并不是一个错误。这就是我用浏览器打开hello.html文件时的样子。{{greeting.text},Worldcheck您的包含:angular.js和controllers.js。路径正确吗?我有一个叫做AngularJSExample的项目。它有一个src文件夹,JRESystemLibrary和一个我创建的文件夹,叫做projectFolders。在我的项目文件夹中,我有一个html和一个js文件夹。Html文件夹包含hello.Html文件,js文件夹包含controllers.js。我已在项目属性中配置tern脚本路径。它是一个名为js-AngularJSExample/projectFolders的文件夹,有一个controllers.js。然后我就搬走了。现在我知道了,这没用。我的控制台中有这样一个:Tern请求#angular_类型:{“query”:{“type”:“angular”,“subtype”:“type”,“angularTypes”:[“module”],“expressio”n“:“myApp”,“范围”:{},“文件”:[“projectFolders/js/controllers.js”]}{“类型”:“模块”,“名称”:“myApp”,“源”:“projectFolders/js/controllers.js”,“ang”ularType:“模块”、“模块”:“myApp”}Tern响应#角度#类型与23ms:Tern请求#角度#类型:{“查询”:{“类型”:“角度”、“子类型”:“类型”、“角度类型”:[“控制器”],“表达式”会话“:”HelloController“,”范围“:{”模块“:”myApp“}”,文件“:[”项目文件夹/js/c好的,tnx,你可能知道我为什么在我的控制台Nodejs命令中得到这个命令:“D:\eclipse jee luna\plugins\tern.eclipse.ide.server.Nodejs.embed.win32.win32.x86\u 64\u 0.5.0.201409012129\node-v0.10.22-win32-x86\u 64\node.exe”“D:\eclipse jee luna\plugins\tern.core\u 0.5.0.0.201409012129\node\tern”--无端口文件项目目录:D:\AngularJSWorkspace\AngularJSExample null为什么为null?