Неизвестная проблема с ng-контроллером в приложении AngularJS - PullRequest
Новая
       21

Неизвестная проблема с ng-контроллером в приложении AngularJS

0 голосов
/ 26 марта 2019

Я пробую некоторые начальные вещи, чтобы привыкнуть к AngularJS.Мой текущий источник - SoloLearn.Я попытался воссоздать их приложение, которое добавляет +1 к счетчику при нажатии кнопки.

Я попытался проверить код из их приложения, а также скопировал и вставил их работу в мой HTML-файл.и он все еще не работает, я попробовал онлайн-инструмент для ascii diffs , и мой код должен быть идентичен, но мой инспектор выдает следующее: 

http://errors.angularjs.org/1.6.4/$controller/ctrlreg?p0=clickCounter
at angular.js:38
at angular.js:10839
at ba (angular.js:9931)
at n (angular.js:9701)
at g (angular.js:9055)
at g (angular.js:9058)
at g (angular.js:9058)
at angular.js:8920
at angular.js:1919
at m.$eval (angular.js:18161)

Я проверил site и, как я понимаю, мой код все еще должен работать, но это не так.

Мой код: 

<div ng-app="MyApp" ng-controller="myCtrl">
    <button ng-click="count=count+1">Click me!</button>
    <p> {{count}} </p>
</div>
<script>
    var app = angular.module('MyApp',[])
    app.controller('myCtrl', function($scope) {
        $scope.count=0;
    });
</script>

Их код: 

<div ng-app="myApp" ng-controller="clickCounter">
        <button ng-click="count=count+1">Click me!</button>
        <p>{{ count }}</p>
</div>
<script>
    var app = angular.module('myApp', []);
    app.controller('clickCounter', function($scope) {
        $scope.count = 0;
    });
</script>

Спасибо за помощь!

Ответы [ 2 ]

1 голос
/ 26 марта 2019

Я добавил оба в разные плункеры, оба работают

http://plnkr.co/edit/Pk8bY3jMiRqwiyWhxEkn?p=preview

http://plnkr.co/edit/aJZTXMQ1dATZI4XUSCmc?p=preview

<div ng-app="myApp" ng-controller="clickCounter">
    <button ng-click="count=count+1">Click me!</button>
    <p>{{ count }}</p>


 var app = angular.module('myApp', []);
app.controller('clickCounter', function($scope) {
    $scope.count = 0;
});
0 голосов
/ 27 марта 2019

Как уже упоминалось в @Lex, мне нужно было определить приложение Angular специально для приложения, которое я запускал, и чтобы все это не было забито в одном месте. Код первого URL-адреса, который я разместил, сейчас работает. В основном изменив тег body на следующее: <body ng-app=""> и присвоив имя каждому div-приложению, все заработало как следует. Спасибо всем за помощь.

...