2015-05-13 3 views
2

Я не мог получить свой угловой код для запуска в плункер. Я приложил детали. Может ли кто-нибудь из вас помочь мне? В принципе, это проблема с ngcontroller, я думаю, но я не уверен.Угловой JS не работает в plunker

<!DOCTYPE html> 
<html ng-app> 

    <head> 
    <script data-require="[email protected]*" data-semver="1.3.15" src="https://code.angularjs.org/1.3.15/angular.js"></script> 
    <link rel="stylesheet" href="style.css" /> 
    <script src="script.js"></script> 
    </head> 

    <body ng-controller="MainController"> 
    {{ 5/2 }}<br> 
    {{message}} 
    </body> 

</html> 

Содержание яваскрипта script.js файл

var MainController = function($scope){ 
    $scope.message = "Welcome!"; 
}; 

шлепнуть http://plnkr.co/edit/mzgdELALCP7DN2ikJHsC?p=preview

+1

Вы должны использовать plnkr? –

ответ

3

Рабочая Plunkr (с другой версией AngularJS. @ User3906922 имеет лучший ответ, где ваша версия остается такой же).

Используйте это для HTML, например:.

<!doctype html> 
<html ng-app> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.min.js"></script> 
<script src="script.js"></script> 

</head> 
<body> 

<div ng-controller="SidController"> 

<h1>Hello Plunker!</h1> 
    {{ 5/2 }}<br> 
{{message}} 

</div> 



</body> 
</html> 
8

В версии 1.3 *, вы не можете больше объявить глобальную функцию контроллера.

Вместо определения модуля и использовать функцию контроллера:

var SidController = function($scope){ 

    $scope.message = "WElcome."; 

}; 
SidController.$inject = ['$scope']; 
angular.module('app', []).controller('SidController', SidController); 

В вашем HTML

<html ng-app="app"> 

Смотрите эту plunker.

0

Вы должны создать свой модуль.

angular.module('app', []).controller("SidController", function($scope) { 
    $scope.message = "WElcome."; 
}); 

Затем в HTML элемент, установите атрибут, как это:

ng-app="app" 
1

Проверить это plunkr Вам нужно определить свой модуль, а затем зарегистрировать контроллер

http://plnkr.co/edit/9zAV5nSWH05FYscEWYZ5?p=preview

angular.module('demoApp', []); 

angular.module('demoApp') 
    .controller('SidController', function($scope){ 
    $scope.message = "WElcome."; 
}); 
5

У меня была такая же проблема. Хорошо, что при запуске tutori аль! Просто замените скрипт в index.html с

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular.min.js"></script> 

Я полагаю, что библиотека Plunker в настоящее время устарела или что-то.

Смежные вопросы