首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >为什么Plunker不加载AngularJS?

为什么Plunker不加载AngularJS?
EN

Stack Overflow用户
提问于 2015-08-31 21:24:38
回答 3查看 5.4K关注 0票数 1

我打开了一个干净的柱塞编辑器,给它添加了角度,并写了一个表达式。然而,它并不起作用。

link

代码:

代码语言:javascript
复制
<!DOCTYPE html>

    <html>



    <head data-ng-app="">
        <script data-require="angular.js@*" data-semver="2.0.0-alpha.31" src="https://code.angularjs.org/2.0.0-alpha.31/angular.js"></script>
        <link href="style.css" rel="stylesheet" />
        <script src="script.js"></script>
      </head>

      <body>
        <h1>Hello Plunker!</h1>
        <div>
          {{ 1 + 1 }}
        </div>
      </body>

    </html>

我对Angular和Plunker都是新手。我使用的是Firefox。有谁可以帮我?

EN

回答 3

Stack Overflow用户

发布于 2015-08-31 21:36:38

它不起作用,因为您将data-ng-app=""放在<head>标记上,而不是<body>,这是您的{{ 1 + 1 }}所在的位置。因为它不知道那里应该有一个应用程序,Angular不会计算这个表达式,并将其保留为{{ 1 + 1 }}而不是2。

您使用的也是Angular 2.0,而不是当前版本,与当前版本相比,后者是Angular的完整翻版。为当前版本的<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular.min.js" type="text/javascript"></script>添加脚本标记可以解决此问题。

票数 0
EN

Stack Overflow用户

发布于 2015-08-31 21:37:35

我已经从google cdn更新了angular脚本。

您需要在脚本上添加一个模块。

代码语言:javascript
复制
var app = angular.module('myApp',[]);

,并在html页中添加对该模块的引用。

代码语言:javascript
复制
<body ng-app="myApp">

请参阅更新的柱塞器:http://plnkr.co/edit/ObpHaAeV9UXITNiCbhqf?p=preview

票数 0
EN

Stack Overflow用户

发布于 2015-08-31 21:47:07

使用New->AngularJS创建正确的角度柱塞工程;

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

https://stackoverflow.com/questions/32312377

复制
相关文章

相似问题

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