簡單的角度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

回答

相關問題