Problem AngularJS checking if an object has a specific value

Question

I'm trying to avoid duplicates and not be allowed to add empty items. If I send the same titolo (example, Harry Potter) again, I don't want it to be added to the $scope.libri for the second time. How can I check it before adding? This is my code now:

angular .module('myApp', []) .controller('myCtr', function ($scope){

$scope.libri = [{id:'1',titolo:'Harry Potter',genere:'Fantasy',anno:'2001',autore:'J.K.Rowling'},
                {id:'2',titolo:'Il nome della rosa',genere:'Giallo',anno:'1994',autore:'Umberto Eco'},
                {id:'3',titolo:'Cado dalle nubi',genere:'Commedia',anno:'2014',autore:'Checco Zalone'}];
              
                


$scope.add = function () {
    
        $scope.libri.push({
            id: $scope.id,
            titolo: $scope.titolo,
            genere: $scope.genere,
            anno: $scope.anno,
            autore: $scope.autore
        });

        $scope.id = ' ';
        $scope.titolo = ' ';
        $scope.genere = ' ';
        $scope.anno = ' ';
        $scope.autore = ' ';
      };

Jacob Stamm · Accepted Answer · 2021-11-29 15:15:48Z

1

Just use $scope.libri.find(x => x.titolo === $scope.titolo) in your add function before pushing to the array.

.find() from MDN

answered Nov 29, 2021 at 15:15

Jacob Stamm

1,9083 gold badges36 silver badges59 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

lello77 Over a year ago

Thanks. I tried with this code but it doesn't work it

Jacob Stamm Over a year ago

This is the JS-standard way of finding an item in an array that matches a given criteria. If it's not working, then you're not doing it right.

lello77 Over a year ago

Thank you Jacob. I'll try again it

lello77 Over a year ago

Now it's ok the code! there was a problem with a ";" thank you Jacob

Jacob Stamm Over a year ago

@lello77 Glad to hear :)

Collectives™ on Stack Overflow

Problem AngularJS checking if an object has a specific value

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related