AngularJs - 获取函数的返回值



我正在 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() 函数。我正在尝试提醒前 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>

更新的普伦克

相关内容

  • 没有找到相关文章

最新更新