AngularJS Use Same Component In same Page

Question

I use angularjs first time. I'm tring to use same search component twice in page. but in the second component modal.show is not working!

Here is my code.

my button click code. Where i click a modal will show.

$scope.openTalepIsEmriList = function (talepUN) {
                a.talepisemrilistesi = [];
                $("#divTalepIsEmriListesiModal").modal("show");
                $http({
                    method: 'POST',
                    url: '/api/CrmTalepHareket/TalepIsEmriListesi?talepUN=' + talepUN,
                    headers: { 'Content-Type': 'application/json' }
                })
                    .then(

and in the page i call the component

first:

 <talep-ara-tum container-id="abonearama"  kullanici-id="modelTalep.Kullanici.ID" abonemodel="Aboneler" aramadanmi="true" talepler="aratalepmodel" kullaniciisletme="kullaniciisletme"></talep-ara-tum>

second:

<div class="row">
<talep-ara-tum kullanici-id="modelTalep.Kullanici.ID" abonemodel="Aboneler" 
aramadanmi="false" talepmodel="AboneSahisTalepleri" kullaniciisletme="kullaniciisletme"></talep-ara-tum></div>

Answer 1

I think this happens because of the two components sharing the same ID, you could change one of them to the same but add a 2 or change it to hardcoded ID's first and see if that works. I can't really read what it says, I can't read Turkish(?). Didn't know you could change the language of AngularJS.