2014-09-23 100 views
0

我正在尝试制作我的第一个AngularJS项目。我在项目配置方面遇到问题。首先我创建了一个Java项目AngularJSExample。然后我将它转换为AngularJS项目。我为Tern项目配置了脚本路径。 hello.html不知道什么是问候语。你能告诉我为什么?AngularJS项目配置

这些都是我的文件:

<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' 
    }; 
}]); 
+0

这没有帮助。我在我的控制台中有这个:Tern request#angular_type:{“query”:{“type”:“angular”,“subtype”:“type”,“angularTypes”:[“module”],“expressio n”: “myApp”,“scope”:{“file”:[“projectFolders/js/controllers.js”]}} {“type”:“Module”,“name”:“myApp”,“origin”:“项目文件夹/ js/controllers.js“,”ang ularType“:”module“,”module“:”myApp“} Tern响应#angular_type 23ms:Tern request#angular_type:{”query“:{”type“:”角”, “子类型”: “类型”, “angularTypes”:[ “控制器”], “expre裂变”: “HelloController中”, “范围”:{ “模块”: “对myApp”}, “文件”:[ “projectFolders/js/c ontrollers.js”]}} – Mimo 2014-09-23 12:48:08

回答

1

假设你正在使用AngularJS,1.2.25当前稳定的版本,您需要将应用程序名称添加到ng-app指令。所以,你的标记必须是:

<html ng-app="myApp"> 

Working JS Bin

+0

这没有帮助。我有这个在我的控制台: 燕鸥请求#angular_type: {“query”:{“type”:“angular”,“subtype”:“type”,“angularTypes”:[“module”],“expression “:”myApp“,”scope“:{”file“:[”projectFolders/js/controllers.js“]}} {”type“:”Module“,”name“:”myApp“,” Terran request#angular_type:{“query”:“projectFolders/js/controllers.js”,“angularType”:“module”,“module”:“myApp”} Tern response#angular_type with 23ms: Tern request# { “类型”: “角度”, “子类型”: “类型”, “angularTypes”:[ “控制器”], “表达”: “HelloController中”, “范围”:{ “模块”: “对myApp”},”文件“:[”projectFolders/js/controllers.js“]}} – Mimo 2014-09-23 12:46:00

+0

我只是把你的代码放到JSBin中,然后把'myApp'加到'ng-app'中,样本中的ks。如果你没有看到“你好,世界!”你必须在其他地方有其他错误。顺便说一下,你在控制台中的东西看起来不是一个错误。 – 2014-09-23 12:48:34

+0

这是我的hello.html文件在浏览器中打开时的样子。 {{greeting.text}},世界 – Mimo 2014-09-23 12:53:40

0

这个问题是关于AngularJS Eclipse

首先,您的脚本必须包含在脚本元素中。我与这个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> 

和一切正常:在模块,控制器,表达式(贺卡)

  • 悬停在模块,控制器,表达

    • 完成(贺卡)

    我认为你的问题是关于Ctrl + Space里面的表达式。您必须看到HTML元素<a>,<abr>,问候语在完成的底部。要更改此订单,请参阅 HTML Angular Tag Proposals

  • +0

    好的,tnx,你也许知道为什么我在我的控制台Nodejs Commnand中得到了这个:“D:\ eclipse-jee-luna \ plugins \ tern.eclipse.ide.server.nodejs.embed.win32.win32.x86_64_0.5.0.201409012129 \ node-v0.10.22-win32 -x86_64 \ node.exe“”D:\ eclipse-jee-luna \ plugins \ tern.core_0.5.0.201409012129 \ node_modules \ tern \ bin \ tern“--no-port-file 项目目录:D:\ AngularJSWorkspace \ AngularJS示例 null 为什么为null? – Mimo 2014-09-24 07:17:08