How to change function in ng-submit angularjs

Question

The situation occur when i want to convert form create into update form, so i need create() in ng-submit change to update(). How do i can make it ? .Concrete example:

<form name="articleForm" class="form-horizontal" ng-submit="create()" novalidate>

to

<form name="articleForm" class="form-horizontal" ng-submit="update()" novalidate>

Thank you !

score 2 · Answer 1 · answered Dec 04 '15 at 09:33

Just use a ternary with one variable defined in the $scope:

<form name="articleForm" class="form-horizontal" ng-submit="isCreation? create() : update()" novalidate>

in your controler define:

$scope.isCreation = true;

and change it to false when you want update() to be triggered

score 0 · Answer 2 · answered Dec 04 '15 at 09:13

Either you could use ng-if determine which one is needed, or use the same function and check inside the function if you are in create or update mode. You could also use directives and pass the function to your directive, depending how you want to use this form, because that is not perfectly clear for me.

score 0 · Accepted Answer · answered Dec 04 '15 at 09:19

What about :

<form name="articleForm" class="form-horizontal" ng-submit="submit()" novalidate>

and then have something like this in your controller :

$scope.isNewUser = typeof $scope.user.id === 'undefined';

function create() {...}
function update() {...}

$scope.submit = function () {
    $scope.isNewUser ? create() : update();
}

score 0 · Answer 4 · answered Dec 04 '15 at 09:33

0

define $scope.isCreate=true;// true for create, false for update in Angular Controller and at form

<form novalidate ng-submit="isCreate?create():update()">

answered Dec 04 '15 at 09:33

Shiva Kumar

242
1
4
9

score 0 · Answer 5 · answered Jul 05 '16 at 14:13

Little Later But Useful

      <form class="form-horizontal"  name="BannerForm"  
       ng-submit="call(submitOption)" novalidate>


 //**For MultiSubmit
   $scope.call = function(expr) {
    return $scope.$eval(expr);
  };

//For InsertNew
    $scope.InsertData= function(){
    $scope.submitOption="add()";
    }


//For UpDate
    $scope.UpdateData= function(){
    $scope.submitOption="update()";
    }

How to change function in ng-submit angularjs

5 Answers5