AngularJs - 获取函数的返回值

标签 angularjs fullcalendar

我在 Angular 项目中使用 FullCalendar 插件,并尝试在插件的选择方法上提醒值。

//Directive
app.directive('calendar', function(){
        return {
            restrict: 'A',
            scope: {
                select: '&'
            },
            link: function(scope, element, attrs) {
                element.fullCalendar({
                    selectable: true,

                    select: function(start, end, allDay) {
                        scope.select(start, end);

                        //alert(start);
                    }
                });
            }
        }
    }) 

app.controller('calendarCtrl', function() {
  this.onSelect = function(arg, arg2) {
    alert(arg + '' + arg2)
  }
});

HTML

<body ng-controller="calendarCtrl as clctrl">
    <div calendar select="clctrl.onSelect()"></div>
</body>

正如您在上面的指令中看到的,在选择一天时,我传递了 onSelect() 函数,该函数具有来自 Controller 的警报。我试图提醒前 2 个返回值(开始和结束),但我得到了未定义的值。

我的代码有什么问题吗?如果您能更新 plunker,我将不胜感激。

http://plnkr.co/edit/utxrmH8mYzo5jq9shcej?p=preview

最佳答案

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

//Controller
app.controller('calendarCtrl', function() {

  this.onSelect = function(arg, arg2) {

    alert(arg + ' ' + arg2)

  }

});

//Directive
app.directive('calendar', function(){
        return {
            restrict: 'A',
            scope: {
                select: '&'
            },
            link: function(scope, element, attrs) {

                //Generate the Calendar
                element.fullCalendar({

                    selectable: true,

                    //On Day Select
                    select: function(start, end, allDay) {
                        scope.select({start: start, end: end});

                        //alert(start);
                    }
                });
            }
        }
    })


<div calendar select="clctrl.onSelect(start, end)"></div>

已更新plunker

关于AngularJs - 获取函数的返回值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30850443/

相关文章:

javascript - Angularjs 不会在 ng-view 中加载脚本

javascript - 访问 Controller 中 html 元素中的 ng-if 属性的值

javascript - 带日期范围选择器的全日历

css - Fullcalendar 与 bootstrap popover z-Index 问题

javascript - 检测后台事件

angularjs - 如何在angularjs中等待响应

javascript - Angularjs - 多次加载相同的图像

javascript - AngularJS $http.get 无法使用外部域 json 数据

jquery - Ajax 帖子的成功部分在完整日历代码中不起作用

javascript - 完整日历: On click of time slot wrong time selected