AngularJs - Get return value of a function

Question

AngularJs - Get return value of a function

881 Views Asked by Body At 04 April 2025 at 23:34

I'm using FullCalendar plugin in a Angular project and trying to alert a value on select method of the plugin.

//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>

As you can see above in the directive, on selecting a day, I'm passing the onSelect() function which has the alert from controller. I'm trying to alert the first 2 return values(start and end) but I'm getting undefined values.

What is wrong in my code? I would appreciate if you could update plunker.

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

Original Q&A

There are 1 best solutions below

**simon** · Accepted Answer

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>

updated plunker

AngularJs - Get return value of a function

There are 1 best solutions below

Related Questions in ANGULARJS

Related Questions in FULLCALENDAR

Trending Questions

Popular # Hahtags

Popular Questions