Angular: Show Form Elements when select is valid after on change shows all hidden form elements in loop instead only the one which select was changed

i repeat things in ng repeat like so

<div class="" ng-repeat="deutscheBankEvent in deutscheBankEvents">
    <div class="schrottler-opened schrottler" title="">
        <span class="presse_ueber" style="font-size:22px;margin-left:10px;font-weight: normal;margin-top:5px">{{deutscheBankEvent.name}}</span>
    </div>
            <!-- data-ng-repeat also possible-->
            <div class="">
                <div class="presse_content">

                    <Div style="color:white">{{deutscheBankEvent.name}}</div>
                    <ul class="liste_k"> 
                      <li ng-repeat="list in deutscheBankEvent.list">
                        {{list}}
                      </li>
                    </ul>
                </div>
            </div>

later down the code comes up a form to register to events. the form is hidden until user selects a place and date via select. this is triggered like so:

<span ng-show="myForm.locationDate.$valid">

my issue now is: this shows up all hidden form elements when one select is valid. how can i set the scope to only this one changed?

Since ng-repeat creates a new scope, changing ng-show/ng-hide conditions to scope bound properties will work perfectly (example).