title: Angular 7 equivalent to angularJS code for element cloning
body: <p>I am learning Angular. I have a project that I use for learning purposes. I am on the section where I would like to add endless item types as it does in <a href="https://codepen.io/sampow/pen/VeJVGp" rel="nofollow noreferrer">this example</a>. </p>
  
  <pre><code>;(function () {
     'use strict';
  
     var DemoController = function($scope){
        $scope.selectData = [
           {
              'name':'Rasmus Lerdorf',
              'lang':'PHP'
           },
           {
              'name':'James Gosling &amp; Patrick Naughton',
              'lang':'Java'
           }
        ];
        $scope.informations = [
           {
             'inputName' : '',
             'inputSelect' : '',
              'inputCheckbox' :'',
              'optionsRadios' : ''
           }
        ];
  
        $scope.cloneItem = function () {
           var itemToClone = { 
              'inputName': '', 
              'inputSelect': '',
              'inputCheckbox':'',
              'optionsRadios': ''
           };
           $scope.informations.push(itemToClone);
        }
  
        $scope.removeItem = function (itemIndex) {
           $scope.informations.splice(itemIndex, 1);
        }
  
        $scope.submitForm = function() {
  
        }
     }
     angular
        .module('app', [])
        .controller('DemoController' , DemoController);
        DemoController.$inject = ['$scope'];
  })();
  </code></pre>
  
  <p>I know that this example is old. Possibly from Angular 1. I couldn't find aywhere an example for element cloning.</p>
  
  <p>I would appreciate if you can help me to understand how cloning elements works in Angular7.</p>