angularjs - ng-model is not working inside a ui bootstrap modal window and angular -


i'm using modal window using angular , bootstrap ui 

<script type="text/ng-template" id="mymodalcontent.html">             <div class="modal-header">                 <h3 class="modal-title">cambia palmare {{descpalmare}} ( {{descprogetto}} )</h3>             </div>             <div class="modal-body">                 <ul>                     <li >                         <select id="soluzionedlg" name="soluzionedlg"                                 class="required"                                 ng-options="soluzione.id soluzione.denominazione soluzione in soluzioni"                                 ng-model="soluzionecorrente"                                 ng-change="filtrosoluzione()"></select>                     </li>                         <select id="progettodlg" name="progettodlg"                                 class="required"                                 ng-options="progetto.id progetto.denominazione progetto in progetti"                                 ng-model="progettocorrente"></select>                     <li>                      </li>                 </ul>             </div>             <div class="modal-footer">                 <button class="btn btn-primary" ng-click="ok()">ok</button>                 <button class="btn btn-warning" ng-click="cancel()">cancel</button>             </div>         </script>

i'm opening dialog correctly , soluzionedlg select filled correctly.
when selection changed, filtrosoluzione method correctly called scope variable bound using ng-model undefined.

    $scope.filtrosoluzione = () => {         alert($scope.soluzionecorrente);         var progettopromise = progetti.progettisoluzione($scope.soluzionecorrente);         progettopromise.then(function (progetti: factories.progetto[]) {             $scope.progetti = progetti;         },             function (reason) {                 alert('errore in recupero lista dispositivi: ' + reason);             }, function (update) {                 alert('got notification: ' + update);             });      }

am missing something? used code in other pages , working correctly.
thanks,
luca

this angular code calls $modal.open

    // cambia assegnazione, apro la finestra di assegnazione     $scope.cambiaassegnazione = (palmare: number) => {          var modalinstance = $modal.open({             templateurl: 'mymodalcontent.html',             controller: assegnadispispettoredialog,             size: '(large)',             resolve: {                 palmaredaaggiornare: function () {                     return palmare;                 },                 dispositivi: function () {                     return dispositivi;                 },                 soluzioni: function () {                     return soluzioni;                 },                 progetti: function () {                     return progetti;                 }             }         });          modalinstance.result.then(function (selecteditem) {             $scope.selecteditem = selecteditem;         }, function () {             alert('modal dismissed at: ' + new date());         });     }

when click link in list mg_chnage change code open dialog: in resolve send reference of few services created, because have fill listbox in modal dialog.
descpalmare, descprogetto , soluzioni scope properties handled correctly: problem in soluzionecorrente member

i created full repro here:
http://plnkr.co/edit/g8qygjwkycqiyzk5fcgn

the modal uses child scope, see understanding scopes in angular.js wiki. try changing ng-model both in page , in modal model.soluzionecorrente instead , set scope property of $modal.open current $scope.

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


Comments

Post a Comment

Popular posts from this blog

php - Submit Form Data without Reloading page -

i know question has been asked , answered bunch of times life of me can not solution work on code. believe if redo code, work properly, , in retrospect time i've spent on issue should have redone code...but beyond deadline , have working prototype up... can advise how update multiple forms on single page without reloading page? horrible @ php , complete noob js/jquery/ajax @ best. html/php in single file , believe causing me problems/is largest obstacle @ getting ajax form processing work. basically, want users to: select teams multiple dropdowns in form group 1 (league champs) , on update update db newly selected team without reloadding page. edit team scores per match , on score submit/update, update db new scores. for each requirement there multiple forms (1 each leagues, 1 each per match) have set class on each form id. everything works via php, form submission reloads page each time submitted , not ideal. i have tried ajax code here http://scotch.io/tutoria...
Read more

linux - Rails running on virtual machine in Windows -

the reason why want switch ubuntu people said gems works better on linux on windows. i don't want macbook pro rails development since love windows , cannot stand lack of apps mac. moreover, people saying ubuntu "better" mac: http://www.reddit.com/r/ubuntu/comments/1bgj1s/are_there_advantages_of_ubuntu_over_os_x_for/ does virtual box work enough doesn't have lag @ all? using i7-3517u cpu 8gb memory. need program in environment lag-free , not sluggish. or there alternatives recommend? i unsure permission settings or complicated stuffs regarding terminal. i'll using terminal develop. i'm still quite new here development in linux. please kind me >< thanks. @holyxiaoxin pretty sure should asking on superuser instead. nevertheless, suggest install ubuntu in partition instead of running virtual machine. here's guide https://help.ubuntu.com/community/windowsdualboot also, yes. developing in virtual machine accurate, @ end experiment w...
Read more