2016-08-09 3 views
1

Я начал изучать MEAN Stack и хотел попробовать какой-то код, но AngularJs Controller не работает на моем ПК. У меня есть окна 10 на моем Acer Aspire V Nitro.Почему контроллер AngularJS не работает на моем компьютере?

Может ли кто-нибудь помочь. Будет очень признателен.

Мой код - (index.html)

<!DOCTYPE html> 
<html ng-app="appname"> 

    <head> 
    <script src="angular.min.js"></script> 
    <link href="style.css" rel="stylesheet"/> 
    <script src="script.js"></script> 
    </head> 

    <body> 
    <div ng-app="appname" ng-controller="appCtrl"> 
     <p>{{greeting.text}}, world </p> 
    </div> 
    </body> 

</html> 

(app.js)

var appname = angular.module('appname', []); 
appname.controller('appCtrl', ['$scope', 
    function($scope) { 
    $scope.greeting = { text: 'Hello' }; 
}]); 

Оба файла находятся в каталоге C: // Тест папки.

Thank you.

+1

могли бы вы убедитесь, что пару вещей 1) делает все JS файлы, загруженные в браузере 2) любая ошибка в консоли? –

ответ

1

Вы имеете в своем коде 2 ng-app, в div и в html .Try, чтобы удалить один из них (совет, который я удалить один в div).

Смотрите ниже код

var appname = angular.module('appname', []); 
 
appname.controller('appCtrl', ['$scope', 
 
    function($scope) { 
 
    $scope.greeting = { text: 'Hello' }; 
 
}]);
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<!DOCTYPE html> 
 
<html ng-app="appname"> 
 

 
    <body> 
 
    <div ng-controller="appCtrl"> 
 
     <p>{{greeting.text}}, world </p> 
 
    </div> 
 
    </body> 
 

 
</html>

+0

Удалено, но все еще не работает. Он говорит «{{greeting.text}}, world' –

+0

Указание' ng-app' дважды неверно, но в любом случае bdw second игнорируется. Проблема должна быть чем-то другим. Вы отвечаете не имеет смысла –

+0

Есть ли что-нибудь, что мне нужно, чтобы установить сначала что-нибудь конкретное, прежде чем запускать его. Прямо сейчас я установил nodejs и mongodb и сохранил страницу angular.min.js версии 1.5.8 в той же папке –

0

Вы включаете файл, называемый script.js, когда он должен быть app.js. Убедитесь, что это:

... 
<script src="script.js"></script> 
... 

указывает на js, где зарегистрирован контроллер.

0

Согласно вам ваш angular код находится в файле app.js, но это не придает вашей index.html странице, чтобы поместить его как:

<script src='app.js'></script> 
+0

Да, благодарю вас за то, что вы нашли время и помогли мне. Извините за беспорядок, я запускал 2 кода за один раз и запутался, но все же у меня возникают проблемы с другим кодом. –

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