AngularJS项目配置

时间:2014-09-23 12:25:34

标签: javascript angularjs

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

这些是我的文件:

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

2 个答案:

答案 0 :(得分:1)

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

<html ng-app="myApp">

Working JS Bin

答案 1 :(得分: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元素&lt; a&gt;,&lt; abr&gt;,并且问候语位于完成的底部。要更改此订单,请阅读 HTML Angular Tag Proposals