How to add dynamic row to a table using angularjs

Question

Like jQuery, How can I add dynamic rows to a table with form elements in a button click using angularjs and How to differentiate these form elements like array name in norma

Answer 1

You should render the row using ng-repeat, as such:

    

    

        
1
        

             
        
        

            
                Rent
                Lease
            
        
        

            
        
        

            
                Daily
                Monthly
                Yearly
            
        
        

            
        
    
    

        
{{row.assets}}
        
{{row.selected}}
        
{{row.amount}}
        
{{row.calculation_type}}
    
    

where this is how your controller should look like:

angular.module('angularSimpleApp').controller('MyCtrl', function ($scope) {
    $scope.newItem = ''; // represents the models in the form
    $scope.rows = [];
    $scope.onSubmit = function(obj) {
        $scope.products.push(obj);
    }
});