Angular Calendar - 点击事件不起作用

Question

我按照角历在

https://github.com/10KB/angular-clndr

我无法让我的点击事件起作用。我在链接中使用完全相同的代码。

如果我错过任何设置，请告诉我。

我的代码是

<tien-clndr class="clndr" tien-clndr-object="clndr" tien-clndr-events="events">
                <div class="clndr-controls">
                    <div class="clndr-previous-button" ng-click="clndr.back()">
                        &lsaquo;
                    </div>
                    <div class="month">
                        {{month}} {{year}}
                    </div>
                    <div class="clndr-next-button" ng-click="clndr.forward()">
                        &rsaquo;
                    </div>
                </div>
                <div class="clndr-grid">
                    <div class="days-of-the-week">
                        <div class="header-day" ng-repeat="day in daysOfTheWeek track by $index">
                            {{day}}
                        </div>
                    </div>
                    <div class="days">
                        <div class="{{day.classes}}" ng-repeat="day in days">
                            <div class="event-indicator" ng-show="day.events" ng-click="showEvents(day.events)">{{day.events.length}}</div>
                            {{day.day}}
                        </div>
                    </div>
                </div>
            </tien-clndr>

控制器

function showEvents(data) {
                console.log("Event");
                console.log(data);
            }

module.js

angular.module('myapp',['tien.clndr']);

模块注入成功。但我没有看到调用的函数 showEvents。

谢谢。

Answer 1

您的控制器不是控制器，您需要将 $scope 注入其中并将您的函数绑定到它以使其工作，如下所示：

var calendarController = function($scope){
    $scope.showEvents = function(data){
        console.log("Event");
        console.log(data);
    }
}

更新您的模块注册：

var myapp = angular.module('myapp',['tien.clndr']);

注册控制器：

myapp.controller('calendarController', calendarController);

然后在你有 ng-app="myapp" 的地方放：

ng-controller="calendarController";