AngularJS应用程序中的未识别的ng-controller问题

问题描述 投票:0回答:2

我正在尝试一些初步的东西来习惯AngularJS。我目前的来源是SoloLearn。我尝试重新创建他们的应用程序,当点击一个按钮时,它会向计数器添加+1。

我已经尝试从他们的应用程序检查代码,我也复制并粘贴他们的工作到我的HTML文件,它仍然无法工作,我尝试an online tool for 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>

谢谢您的帮助!

angularjs angularjs-controller
2个回答
1
投票

我已经在不同的plunker中添加了两个,两个都在工作

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
投票

正如@Lex提到的,我需要专门为我正在运行的应用程序定义Angular应用程序,并且不要将它们全部放在同一个地方。我发布的第一个URL上的代码现在正在运行。基本上将body标签更改为:<body ng-app="">并命名每个div应用程序使一切正常工作。感谢大家的帮助。

© www.soinside.com 2019 - 2024. All rights reserved.