angularjs - Ng-Click 事件未触发

Question

嗨，我今天刚刚开始学习 Angular，在尝试绑定(bind)事件时遇到了一些问题。这是我到目前为止所做的事情。我在 html 页面上加载了所有脚本:

<script src="Scripts/jquery-1.9.0.js"></script>
<script src="Scripts/angular.js"></script>

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

<script src="app/Controllers/studentGradesController.js"></script>

然后我创建一个文件模块并定义我的模块:

var angularTestApp = angular.module('AngularTestApp', []);

然后我创建了一个 Controller :

angularTestApp.controller('StudentGradesController', function StudentGradesController($scope) {


    $scope.students = [
       {
            firstName: 'Lorem',
            lastName: 'Ipsum',
            age: 24,
            grade: 5,
            votes: 0
       },
       {
           firstName: 'Lorem',
           lastName: 'Ipsum',
           age: 250,
           grade: 21,
           votes: 0
       }


      ...
    ];

    $scope.downVote = function(student) {
        student--;
    };
    $scope.upVote = function (student) {
        alert("I work");
    };
}); 

然后我将 Controller 绑定(bind)到我的 html 上:

   <article class="container" ng-controller="StudentGradesController">
        <section>
            <section ng-repeat="student in students" class="row">
                <div class="col-md-1 text-center">
                    <i class="fa fa-chevron-up pointer" ng-click="upVote"></i> 
                    <span ng-bind="student.votes" class="center-block"></span>
                    <i class="fa fa-chevron-down pointer" ng-click="downVote"></i>
                </div>
                <div class="well col-md-11">
                    <div>
                        <span ng-bind="student.firstName"></span>
                        <span ng-bind="student.lastName"></span>
                    </div>
                </div>
            </section>
        </section>
    </article>

当我尝试单击绑定(bind)的项目时，没有任何反应。没有抛出任何错误。任何人都可以告诉我我做错了什么吗？

Answer 1

使用 ng-click 调用函数，而不仅仅是引用它。添加括号将使其成为函数调用:

<i class="fa fa-chevron-up pointer" ng-click="upVote(student)"></i> 

也就是说； i tag只是将文本显示为斜体，并且您没有指定文本，因此没有任何可单击的内容。