How to display/hide, individually, replicated div in Angularjs, using jQuery?

Question

[SIMULATION using Jsfiddle at the end of the problem description]

The following function performs the insertion of some elements using Angularjs:

$scope.addItem = function (user){
    $scope.items.push({
    nome: $("input[name='nome']").val(),
    email: $("input[name='email']").val(),
    soma: sum++
  });
  user.nome = '';
  user.email = '';  
};

For each inserted item there is a table of attributes that must be filled.

However, when selecting a state in that table, the state of the other table is also changed.

How to individually manipulate/control each action from the Attributes table (displayed via Modal) using Avascript?

Script that displays/hides fields according to state:

$(document).ready(function(e) {         
    $('#estado').on('change', function() {
        if($(this).val() == "GO"){
            $('#insc-go').show();
            $('#insc-to').hide();
        }
        if($(this).val() == "TO"){
            $('#insc-to').show();
            $('#insc-go').hide();
        }
        if($(this).val() == ""){
            $('#insc-to').hide();
            $('#insc-go').hide();
        }
    });
})

Simulation: https://jsfiddle.net/xs2102e5/