1

我打开了一个干净的 plunker 编辑器,将 Angular 添加到其中并编写了一个表达式。但是它不起作用。

链接。_

编码:

<!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 都是新手。我正在使用火狐。谁能帮我?

4

3 回答 3

0

使用New->AngularJS创建正确的 angular plunker 项目;

在此处输入图像描述

于 2015-08-31T13:47:06.753 回答
0

它不起作用,因为您放置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>可解决此问题。

于 2015-08-31T13:36:38.243 回答
0

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

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

var app = angular.module('myApp',[]);

并在 html 页面中添加模块的引用

<body ng-app="myApp">

查看更新的 plunker:http ://plnkr.co/edit/ObpHaAeV9UXITNiCbhqf?p=preview

于 2015-08-31T13:37:35.007 回答