Angular js and bootstrap modal select box

Question

Hey i'm trying updating a modal select box using angular and bootstrap modals

When i click the button i can't get it to update the related select box value in bootstrap modal.

i tryed like this but it doesn't works.

http://plnkr.co/edit/EaQhEGMTLx4omK5nxWHD?p=preview

Basically: if you click "Artist" button it should open modal and select the right select option

Any clue ?

Answer 1

Try moving <div id="app" ng-view></div> to inside your main div to create correct parent-child relationship so that your modal's scope could inherit from your AuthCtrl' scope:

<div ng-controller="AuthCtrl">
    <div ng-include="'modal.html'"></div>
    <div id="app" ng-view>
    </div>
  </div>

DEMO