Question

{% load staticfiles %}

<html ng-app="myBlog">
    <head>
<!--        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
 -->    <script  type="text/javascript" src="{% static 'js/libs/angular.min.js' %}"></script>
<!--        <script  type="text/javascript" src="{% static 'js/modules/app.module.js' %}"></script>
        <script  type="text/javascript" src="{% static 'js/modules/app.config.js' %}"></script> -->
<!--        <script  type="text/javascript" src="{% static 'js/modules/blog-list.module.js' %}"></script>
 -->        <script  type="text/javascript" src="{% static 'js/controllers/blog-list.js' %}"></script>
    </head>

    <body>
        <input type="text" ng-model="name">
        <p>hi , {{name}}</p>

        <div ng-controller="Controller">
            <h1>{{title}}</h1>
            <button ng-click="someTest()">click</button>
        </div>
    </body>
</html>

这是控制器

'use strict'

var blogList = angular.module('myBlog' , []);

blogList.controller('Controller', ['$scope', function($scope){

        $scope.clicks="";

        console.log("he");
        $scope.title = 'Hi there';
        $scope.clicks = 0;
        console.log($scope)

        $scope.someTest = function(){
            console.log($scope)
            console.log("there")
            $scope.clicks +=1;
            $scope.title = 'Clicked' + clicks;
        };
}]);

单击该按钮时会出现错误

angular.min.js：118 ReferenceError：未定义点击次数 b。$ scope.someTest（blog-list.js：16）at fn（eval at compile （angular.min.js：233），：4：215）at b（angular.min.js：126）at e（angular.min.js：276）at b。$ eval（angular.min.js：145）at b。$ apply （angular.min.js：146）在HTMLButtonElement。（angular.min.js：276）at Sf（angular.min.js：37）at HTMLButtonElement.d （angular.min.js：37）

我怎样才能摆脱错误..提前谢谢

Answer 1

您使用了$scope.title = 'Clicked' + clicks;。当您使用$scope时，您错过了引用clicks。将其更改为$scope.title = 'Clicked' + $scope.clicks;所以说出错误：

ReferenceError：未在b。$ scope.someTest
中定义点击次数

$scope.someTest = function(){
     console.log($scope);
     console.log("there");
     $scope.clicks += 1;
     $scope.title = 'Clicked' + $scope.clicks;
};

Answer 2

似乎没有定义变量“点击”

$ scope.title ='点击'+点击; ＆lt; ---它应该是“$ scope.clicks”对吗？

在角度js应用

2 个答案: