Основная веб-страница с модальной привязкой к контроллеру.Функция init запускается и отображает пользователей, но не запускает ng-change - PullRequest
0 голосов
/ 29 января 2019

Клиент хочет, чтобы другие пользователи могли размещать заказы без входа в систему, просто чтобы иметь возможность выбрать пользователя из модального режима на главной странице.У меня есть модальный вызов контроллера и отображение пользователей, но когда я выбираю его, он не запускает в контроллере функцию ng-change.

   .controller("PeopleCtrl", PeopleCtrl)
   .controller("PeopleEditCtrl", PeopleEditCtrl)
   ;

  // -----

   PeopleCtrl.$inject = [ "$appPeople" ];

   function PeopleCtrl($appPeople) {
   let vm = this;


   vm.active = false;
   vm.people = [];
       vm.newUser = newUser;
       vm.currentUser = null;

   init();

   // -----

   function init() {
       vm.active = true;
       $("#peopleModal").modal('show');

       $appPeople.getPeople()
           .$promise
           .then(data => vm.people = data)
           .catch(response => console.error(response))
           .finally(() =>
               vm.active = false
               //$("#peopleModal").modal('show')
           );


       }

        function newUser(result) {
           vm.currentUser = data.name;
           vm.model.personId = data.personId;      
           $("#currentUser").val("Current User: " + (result.name));
           $("#peopleModal").modal('hide');
      }
    }


   <!-- markup -->

   <body data-ng-app="shutters">
   <nav class="navbar navbar-dark fixed-top bg-dark flex-md-nowrap p-0 
   shadow">
       <a href="/" class="navbar-brand col-sm-3 col-md-2 mr-0">Oklahoma City 
   Shutter Co</a>
       <input id="search" class="form-control form-control-dark w-100" 
       type="text" placeholder="Search Orders By Customer Name" aria- 
   label="Search" /><img src="~/Assets/Images/search26px.png" 
   onclick="doSearch()" />
   </nav>
   <div class="container" ng-controller="PeopleCtrl as usc">
       <div class="modal fade" id="peopleModal">
           <div class="modal-dialog" role="document">
               <div class="modal-content">
                   <div class="modal-header">
                       <button type="button" class="close" data- 
  dismiss="modal" aria-label="Close"><span aria-hidden="true"></span></button>
                       <h4 class="modal-title">Select User</h4>
                   </div>
                   <div class="modal-body">
                       <div class="form-group">
                           <label>Show People</label>
                           <select ng-model="wm.currentUser" ng- 
  change="wm.newUser(result)"  class="form-control">
                               <option ng-value="wm.currentUser">{{None}} 
   </option>
                               <option ng-repeat="result in usc.people" ng- 
    value="wm.currentUser">{{result.name}}</option>
                           </select>                           
                       </div>
                       <div class="modal-footer">
                           @*<button type="button" class="btn btn-default" 
   doclick="$scope.newUser(result)">Set</button>*@
                           <button type="button" class="btn btn-default" data- 
   dismiss="modal">Close</button>
                       </div>
                   </div>
               <!-- /.modal-content -->
               </div>
           <!-- /.modal-dialog -->
           </div>
       <!-- /.modal -->
       </div>  
       </div>

ng-change не выполняет vm.newUser (результат) функция.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...