我正在尝试一些初步的东西来习惯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>
谢谢您的帮助!
我已经在不同的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;
});
正如@Lex提到的,我需要专门为我正在运行的应用程序定义Angular应用程序,并且不要将它们全部放在同一个地方。我发布的第一个URL上的代码现在正在运行。基本上将body
标签更改为:<body ng-app="">
并命名每个div应用程序使一切正常工作。感谢大家的帮助。