Question

我正在尝试学习角度的基础知识。我通过npm安装了角度。

试图运行我的第一个应用

        <!DOCTYPE html>
        <html>
        <head>
            <title>ngClassifieds</title>
        </head>
        <body ng-app="ngClassifieds" ng-init="message = 'Hello' ">

        <h1>{{message}}</h1>

        <script type="text/javascript" scr="node_modules/angular/angular.js"></script>
        <script type="text/javascript" scr="scripts/app.js"></script>

        </body>
        </html>

在我的app.js中，这只是这行代码：

 angular.module("ngClassifieds", []);

我运行了以下命令启动服务器，因为我在项目目录

上安装了http服务器

 http-server

我打开了我的localhost url，这是localhost：8080，但由于某些原因，它没有显示Hello消息，而是显示{{message}}

不确定我在这里出了什么问题。

Answer 1

<script type="text/javascript" scr="node_modules/angular/angular.js"></script>
<script type="text/javascript" scr="scripts/app.js"></script>

不是scr将其改为src

<script type="text/javascript" src="node_modules/angular/angular.js"></script>
<script type="text/javascript" src="scripts/app.js"></script>

Answer 2

下面的代码将解决您的问题。

＆＃13;

angular.module("ngClassifieds", []);

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<!DOCTYPE html>
        <html>
        <head>
            <title>ngClassifieds</title>
        </head>
        <body ng-app="ngClassifieds" ng-init="message = 'Hello' ">

        <h1>{{message}}</h1>

        <script type="text/javascript" src="node_modules/angular/angular.js"></script>
        <script type="text/javascript" src="scripts/app.js"></script>

        </body>
        </html>

＆＃13;

ng-init值未显示

2 个答案: