2015-03-07 2 views
0

Почему этот код не работает? Я пытаюсь найти его в течение последних четырех дней ...Почему этот угловой файл не работает?

Error: [ng:areq] Argument 'mainCtrl' is not a function, got undefined

HTML:

<!doctype html> 
    <html ng-app> 
    <head> 
    <title> test angular html </title> 
    <script src="bower_components/angular/angular.js"> </script> 
    <script> 
    function mainCtrl($scope) { 
     $scope.value = 100; 
    } 
    </script> 
    </head> 

    <body ng-controller="mainCtrl"> 
    <h1> {{value}} </h1> 
    </body> 
</html> 
+0

какой версия язык вы используете? вам может потребоваться объявить модуль ('angular.module (name, [])') последними. – floribon

+0

Я использую 1.3.14. ниже также не работает. angular.module ("myapp", [])) { function mainCtrl ($ scope) { $ scope.value = 100; } } –

+0

вы должны указать вам приложение с ng-приложением, а затем в javascript добавить angular.module ('yourappname', []) – massintha

ответ

2

При использовании такой структуры, как угловые вы должны объявить некоторую логику работы (угловой 1.3+), например.

Вы должны создать главный модуль вашего приложения:

angular.module('yourmodule', []) // the last parameter [] create the module, that array are the dependencies 

с модулем создается необходимо подключить контроллер к модулю, то есть функция mainCtrl создана, я собираюсь использовать:

var module = angular.module('yourmodule') // without the second argument, get the module with that name 
module.controller('mainCtrl', mainCtrl) // This assign the name mainCtrl the function mainCtrl 

И, наконец, добавить в нг-приложение, созданный модуль:

<html ng-app="yourmodule"> 

Я надеюсь, что это работа, и добро пожаловать в угловой мир !!!

+0

Действительно? Я не знал. Спасибо!!! (Я редактирую ответ). Но хорошо, кто хочет начать проект со старой версией на угловом 1.2, и большинство, если на следующей неделе придет версия 1.4. –

+0

Но текущий 1.3 является стабильным, и автор вопроса, возможно, не имеет производственного решения с угловой 1.2 (Возможно, это изучение рамки). И в ng-conf упоминается не большой разрыв между 1.3 и 1.4. Итак, начните с углового 1.3, это не плохая идея для последующего перехода на 1.4 –

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