angular filter with ng-repeat giving strange error

Hello, I understand you want to filter which dates have the selected number.

I put a field identifier in JSON so that you can use the angle filter itself, see below for JSON.

          $scope.eventos = [
        {
            data: "2016-05-09",
            eventos: [
              {numero: 1}, 
              {numero: 5}, 
              {numero: 3}, 
              {numero: 7}
              ]
        },
        {
            data: "2016-05-08",
            eventos: [
              {numero:2},
              {numero:0}
              ]
        },
        {
            data: "2016-05-07",
            eventos: [
              {numero:0},
              {numero:3},
              {numero:6}
              ]
        },
        {
            data: "2016-04-03",
            eventos: [
              {numero:1}, 
              {numero:6}, 
              {numero:7}, 
              {numero:8}
              ]
        },
        {
            data: "2016-04-02",
            eventos: [{numero:7}]
        },
        {
            data: "2015-01-01",
            eventos: [
                {numero:7}, 
                {numero:3}
              ]
        }
    ];

Then I put a filter parameter that I named as filterTxn

   <div ng-repeat="evento in eventos  | filter: filterTxn">

And I put this parameter in your ng-model as the name of the field that you want to filter in JSON in case and field number of the events node then gets filterTex.events.number.

   <select ng-model="filterTxn.eventos.numero">

When selecting the select it filters and displays only the data that contains the selected number.

An OBS as the Node event contains an Array of Numbers following the entire Array.

I hope I have helped publish Plunker this test if you want to see.

link

If you care about performance, DO NOT USE PIPE FILTER

(eventos | filtraEvento:filtro) //Não use o filtro assim ' | filtro'

Each $ digest interaction, regardless of whether it was originated by the filter, ng-click, or any other type of trigger, will run its filter 2 times for $ digest. That is, roughly speaking, any other interaction you have in your view will rotate this filter, even if it has nothing to do with the filter itself.

How to solve? Do this in the controller and only update the $ scope value, this way you will only run the filter once and when it is actually used.

How? (And now I already answer your question). It's important to note that you do not need to change your JSON framework to make this work, okay? Another difference is that you can simplify your code using:

angular.forEach(colecao, function(objeto, index) {
    //Loop aqui
})

This replaces the for () . Now below see an example of how to use it in your controller:

var eventos = [
    { 
        data: "2016-05-09",
        eventos: [1, 5, 3, 7]
    },
    [...etc...]
];

$scope.eventos = eventos;

/* Função de Filtro */
$scope.rodaFiltro = function(filtro) {

    if (filtro) { //Se algum filtro foi selecionado, aplicamos a filtragem
        var filtrados = [];

        angular.forEach(eventos, function(obj){ //Loop na coleção
            angular.forEach(obj.eventos, function (item) { //Loop no tipo de evento
                if(item == filtro) { //Verifica se o evento é igual a um dos eventos cadastrados na data
                    filtrados.push(obj); //Se sim, coloca ele na array de filtrados
                }
            })
        })

        $scope.eventos = filtrados; //Atualiza a lista

    } else { //Se nenhum filtro foi selecionado, voltamos a lista original
        $scope.eventos = eventos;
    }
}

See a working example: link