Question

我是AngularJS的新手。

我开始写一个基本代码，但结果并没有像我预期的那样给我。结果给我10+20={{ 10+20 }}。但我需要看10+20=30

这是我尝试过的。

<!DOCTYPE html>
<html>
<head>
<script src="lib/angular.min(2).js"></script>
</head>
<body data-ng-app>
    <div>
        10+20={{ 10+20 }}
    </div>
</body>
</html>

我正在使用eclipse。 angular.min(2).js文件位于lib下的WebContent文件夹中。 HTML页面位于WebContent文件夹下。

Answer 1

通过查看网络选项卡，检查您的angular.js脚本文件是否正确加载。以下工作正常。

<强>样本

＆＃13;

<!DOCTYPE html>
<html>
<head>
 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
</head>
<body data-ng-app>
    <div>
        10+20={{ 10+20 }}
    </div>
</body>
</html>

＆＃13;

Answer 2

从URL中删除WebContent。如果您的html文件位于WebContent目录中，则您的URL应为

selectedHero

Answer 3

您是否曾尝试在js中使用此脚本：

<body ng-app="main">
 10+20={{10+20}}
</body>
<script>
var app=angular.module("main",[])
</script>

Angularjs表达式不起作用

3 个答案: