首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >ng-init值未显示

ng-init值未显示
EN

Stack Overflow用户
提问于 2017-01-11 16:10:20
回答 2查看 113关注 0票数 0

我正在尝试学习有关angular的基础知识。我通过npm安装了angular。

我只是想运行我的第一个应用程序

代码语言:javascript
复制
        <!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中只有这一行代码:

代码语言:javascript
复制
 angular.module("ngClassifieds", []); 

我运行以下命令来启动服务器,因为我已经在项目目录中安装了http服务器

代码语言:javascript
复制
 http-server

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

不知道我出了什么问题。

EN

回答 2

Stack Overflow用户

发布于 2017-01-11 16:20:06

代码语言:javascript
复制
<script type="text/javascript" scr="node_modules/angular/angular.js"></script>
<script type="text/javascript" scr="scripts/app.js"></script> 

这不是scrsrc挑战它

代码语言:javascript
复制
<script type="text/javascript" src="node_modules/angular/angular.js"></script>
<script type="text/javascript" src="scripts/app.js"></script> 
票数 2
EN

Stack Overflow用户

发布于 2017-01-11 16:17:26

下面的代码可以解决你的问题。

代码语言:javascript
复制
angular.module("ngClassifieds", []);
代码语言:javascript
复制
<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>

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/41585692

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档