【问题标题】:Not displaying name instead showing {{name}} for some reason, can someone explain why this isn't working?由于某种原因不显示名称而是显示{{name}},有人可以解释为什么这不起作用吗?
【发布时间】:2021-10-30 07:37:23
【问题描述】:

这是我第一次使用 Angular,它没有显示名称,而是显示 {{name}} 出于某种我不知道的原因。有人,请解释错误是什么?

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body>
    <div ng-app="">
        <p>Name: <input type="text" ng-model="name"></p>
        <p>Subject-1: <input type="number" ng-model="s1"></p>
        <p>Subject-2: <input type="number" ng-model="s2"></p>
        <p>Subject-3: <input type="number" ng-model="s3"></p>
        <p>Subject-4: <input type="number" ng-model="s4"></p>
        <div>
            <p>
                Name:{{name}}
                Total Score: {{s1+s2+s3+s4}}
            </p>
        </div>
    </div>
</body>
</html>

【问题讨论】:

  • 这不是 angular,它是 angularjs,它是 angular 框架的第一个版本,被 angular 2+ 弃用。

标签: javascript html css angularjs


【解决方案1】:

@Tanny1810 您的 html 中缺少应用名称,它只显示 ng-app=""。您需要在 app.js 文件中添加您为应用指定的名称,如下所示。

angular.module('AppName', [])

忽略空括号,这将包含您在整个应用程序中使用的依赖项。

【讨论】:

    猜你喜欢
    • 2016-06-01
    • 1970-01-01
    • 2022-01-20
    • 2013-07-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多