Breaking News: Grepper is joining You.com. Read the official announcement!

AngularJS two different actions in ng-submit

SAMER SAEID answered on May 11, 2022 Popularity 1/10 Helpfulness 1/10

answer AngularJS two different actions in ng-submit

AngularJS two different actions in ng-submit

Comment

var myApp = angular.module("myList", []);

myApp.controller("myListController", function($scope) {
    $scope.items = [];
    $scope.isEdit = false; // initialize
    $scope.editingIndex = null;  //initialize
    $scope.newItem = function() {
     if(!$scope.isEdit){  //if not in edit mode -> add new
       $scope.items.push({description:$scope.description, amount: $scope.amount});

     }
      else{  //in edit mode -> edit the object
        $scope.items[$scope.editingIndex] = {  //replace with new values
          description:$scope.description, amount: $scope.amount
        }
        $scope.isEdit = false;    //setting back to false
        $scope.editingIndex = null;
      }
            $scope.description = '';
            $scope.amount = 0
    };

    $scope.deleteItem = function(index) {
        $scope.items.splice(index, 1);
    }

    $scope.totalPrice = function() {
        var total = 0;
        for(count=0; count<$scope.items.length;count++){
            total += $scope.items[count].amount;
        }
        return total;
    };

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: angularjs javascript ng-submit

Link to this answer
Share Copy Link

Contributed on May 11 2022

SAMER SAEID

0 Answers Avg Quality 2/10

AngularJS two different actions in ng-submit

Contents

More Related Answers

AngularJS two different actions in ng-submit

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.