简单的角度js不工作在Plunker

你能看看This Plunker Demo，让我知道为什么它不工作？简单的角度js不工作在Plunker

这里是我的代码有

<!DOCTYPE html> 
<html ng-app> 

    <head> 
    <script data-require="[email protected]" 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>

和script.js：

var FirstController = function($scope){ 
    $scope.msg = "This Must Work!"; 
};

来源

2015-08-14 Suffii

我得到404的https://code.angularjs.org/2.0.0-alpha.31/angular.js –

这不是angular2 sintaxis，它是angular1的。我向你推荐[5分钟快速入门]（https://angular.io/docs/js/latest/quickstart.html）。 –

你想使用角度还是角度2？ Angular 2现在处于测试阶段，而不是常用版本。

在角度为1的情况下，存在一些小错误。

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

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

然后，您使用的ng-app指令，但它没有提供一个值。它应该与您之前创建的'模块'相同（在这种情况下为myApp）。

<html ng-app="myApp">

下，能在您的应用程序使用控制器，你必须“重视”到您的应用程序。否则，角度不知道它的存在。我们这样做是这样的：

myApp.controller('FirstController', ['$scope', function($scope) { 
    $scope.msg = 'This Must Work!'; 
}]);

我也在这个例子中使用了角CDN。

和工作Plunkr demo

来源

2015-08-14 17:44:47

谢谢Wout，但在这一步我不想创建一个模块。我正在按照Pluralsight的教程进行操作，并且正在开发视频教程！ – Suffii

你能提供一个指导教程的链接（我有一个来自工作的网站的帐户） –

要链接到的角文件（https://code.angularjs.org/2.0.0-alpha.31/angular.js）无效。所以角度永不加载。

来源

2015-08-14 17:33:24 potatopeelings

感谢potatopeelings，但哪里得到角2呢？以及为什么它不适合闯入者？ – Suffii

Angular 2 - Alpha 31，你可以从这里链接到https://cdnjs.cloudflare.com/ajax/libs/angular.js/2.0.0-alpha.31/angular2.js。你需要做更多的工作来在PLUNK中设置2.0。 5分钟快速启动@Eric Martinez链接到是开始设置2.0的好地方。但是确实在教程中确实使用了角度2，这个脚本很像un2.0。 – potatopeelings

您正在使用的角度引用无效。我调整了有效的引用角度的代码，它工作正常。另外，您并未正确创建控制器，首先应创建一个模块，然后向其添加控制器。这是“的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>

注意我还添加了NG-应用=“myApp”给创建的模块提供参考。希望这可以帮助。

来源

2015-08-14 18:07:50 Justin

简单的角度js不工作在Plunker

回答

相关问题