Javascript 简单角度js不适用于Plunker_Javascript_Angularjs_Plunker

Javascript 简单角度js不适用于Plunker

javascript angularjs

Javascript 简单角度js不适用于Plunker,javascript,angularjs,plunker,Javascript,Angularjs,Plunker,你能看一下并告诉我为什么它不工作吗这是我的密码 <!DOCTYPE html> <html ng-app> <head> <script data-require="angular.js@2.0.0-alpha.31" data-semver="2.0.0-alpha.31" src="https://code.angularjs.org/2.0.0-alpha.31/angular.js"></script>

你能看一下并告诉我为什么它不工作吗

这是我的密码

<!DOCTYPE html>
<html ng-app>

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

  <body>
    <div ng-controller="FirstController">
      <h1>{{msg}}</h1>
    </div>
  </body>

</html>

链接到的角度文件（）无效。因此角度永远不会加载。

您链接到的角度文件（）无效。所以角度永远不会加载。

要使用角度2还是角度2？Angular 2目前处于测试阶段，不是常用的版本

对于角度1，有一些小错误

首先，您没有在javascript中声明应用程序。要做到这一点，你应该这样写：

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

然后，您使用了

ng app

指令，但没有为其提供值。它应该与您以前创建的“模块”的值相同（

myApp

）

在这个例子中，我还使用了角度CDN

和加工

要使用角度2还是角度2？Angular 2目前处于测试阶段，不是常用的版本

对于角度1，有一些小错误

首先，您没有在javascript中声明应用程序。要做到这一点，你应该这样写：

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

然后，您使用了

ng app

指令，但没有为其提供值。它应该与您以前创建的“模块”的值相同（

myApp

）

在这个例子中，我还使用了角度CDN

并且正在使用的角度参考的工作

无效。我用angular的有效引用调整了代码，效果很好。此外，您没有正确创建控制器，首先应该创建一个模块，然后向其中添加一个控制器。这就是“script.js”文件的外观：

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

app.controller('FirstController', function($scope) {
    $scope.msg = "This Must Work!";
});

这就是带有有效角度引用的更新html的外观：

<!DOCTYPE html>
<html>

<head>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src= "script.js"></script>
</head>

<body>
    <div ng-app="myApp" ng-controller="FirstController">  
       <h1>{{msg}}</h1>
    </div>
</body>

</html>


{{msg}}

注意，我还添加了ng app=“myApp”以引用创建的模块。希望这有帮助。

您使用的角度参考无效。我用angular的有效引用调整了代码，效果很好。此外，您没有正确创建控制器，首先应该创建一个模块，然后向其中添加一个控制器。这就是“script.js”文件的外观：

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

app.controller('FirstController', function($scope) {
    $scope.msg = "This Must Work!";
});

这就是带有有效角度引用的更新html的外观：

<!DOCTYPE html>
<html>

<head>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src= "script.js"></script>
</head>

<body>
    <div ng-app="myApp" ng-controller="FirstController">  
       <h1>{{msg}}</h1>
    </div>
</body>

</html>


{{msg}}

注意，我还添加了ng app=“myApp”以引用创建的模块。希望这有帮助。

我得到了404，因为那不是angular2，而是angular1。我推荐你。我得到404，因为那不是angular2，而是angular1。我向你推荐。谢谢土豆皮，但是在哪里可以买到角2呢？为什么它不能在plunker上工作？Angular 2-Alpha 31，你可以从这里链接到它。要在plunkr中设置2.0，您需要做更多的工作。Eric Martinez链接到的5分钟快速启动是一个开始设置2.0的好地方。不过，请确认教程中确实使用了angular 2，该脚本非常类似于un2.0。感谢potatopeelings，那么从哪里获得angular 2呢？为什么它不能在plunker上工作？Angular 2-Alpha 31，你可以从这里链接到它。要在plunkr中设置2.0，您需要做更多的工作。Eric Martinez链接到的5分钟快速启动是一个开始设置2.0的好地方。不过，请确认它确实是教程中使用的angular 2，该脚本非常类似于un2.0。谢谢，但在这一步中，我不想创建模块。我正在学习Pluralsight的教程，这是视频教程！你能提供一个到教程的链接吗（我在那个网站上有一个工作账户）谢谢Wout，但在这一步我不想创建一个模块。我正在学习Pluralsight的教程，这是视频教程！你能提供一个到教程的链接吗（我在那个网站上有一个工作账户）