var app = angular.module('myapp', ['ngSanitize']);

​

app.controller('AddCtrl', function ($scope, $compile) {

​

    $scope.field = {name: 'My Name', email:'abc@gmail.com'};

    $scope.add_NameField = function (index) {

        var namehtml = '<fieldset id="name_field" ng-click="selectName($index)"><label ng-bind-html="field.name"></label><input type="text" placeholder="Enter name" name="{{field.name}}"><button ng-click="removeName($index)">-</button>//click here//</fieldset>';

        var name = $compile(namehtml)($scope);

        angular.element(document.getElementById('drop')).append(name);

    };

    $scope.removeName = function (index) {

        var myEl = angular.element(document.querySelector('#name_field'));

        myEl.remove();

    };

    $scope.selectName = function (index) {

        $scope.showName_Fieldsettings = true;

    };

      $scope.add_EmailField = function (index) {

        var emailhtml = '<fieldset id="email_field" ng-click="selectEmail($index)"><label ng-bind-html="field.email"></label>//click here//<input type="email" placeholder="Enter email" name="{{field.email}}"><button ng-click="removeEmail($index)">-</button>//click here//</fieldset>';

        var email = $compile(emailhtml)($scope);

        angular.element(document.getElementById('drop')).append(email);

    };

    $scope.removeEmail = function (index) {

        var myEl = angular.element(document.querySelector('#email_field'));

        myEl.remove();

    };

    $scope.selectEmail = function (index) {

        $scope.showEmail_Fieldsettings = true;

    };

​

});