2014-09-23 99 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