Using ng-click to toggle between two functions

Question

I am using the datepicker from bootstrap-UI for angular. I would like to toggle between two functions. now() and clear(). Is this possible inside Angular's ng-click?

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

The toggle has the ng-click="today()" I would like to add clear() to it, thanks.

Controller Code:

      $scope.today = function() {
      $scope.dt = new Date();
      };
      $scope.today();
      $scope.clear = function () {
         $scope.dt = null;
      };

Edit - I saw this answer but I would like to explore all options.

here is solution if it is ok i will add as answer plnkr.co/edit/G4Tohfia9x2SjDQutrPj?p=preview — PavanAsTechie
– PavanAsTechie, Commented Jun 22, 2015 at 16:32
As you said, I think this is a duplicate of stackoverflow.com/questions/25936286/… — Vincent F
– Vincent F, Commented Jun 22, 2015 at 16:35

GillesC · Accepted Answer · 2015-06-23 12:24:40Z

3

You can create a toggle() function which will call the function you want based on a variable tracking the state. You can then simply use this function in your template as ng-click="toggle()".

Something like this.

var toggled = false;
$scope.toggle = function() {
    if (toggled) {
        $scope.clear();
    } else {
        $scope.today();
    }
    toggled = !toggled;
};

A shorter version

var toggled;
$scope.toggle = function() {
    $scope[toggled ? "clear" : "today"]();
    toggled = !toggled;
};

But if clear() and today() are no longer called in the template I would suggest taking them out of $scope.

edited Jun 23, 2015 at 12:24

answered Jun 22, 2015 at 16:34

GillesC

10.9k3 gold badges42 silver badges55 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Using ng-click to toggle between two functions

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related