Advertisement
Guest User

Untitled

a guest
Jun 21st, 2018
133
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. MODAL COMPONENT:  
  2.   open(userHash){
  3.       ...
  4.       this.dataService.getWorker(userHash).then(
  5.           () => {
  6.             modalRef.componentInstance.nameAndLastname = this.dataService.results.nameAndLastname;
  7.             ...
  8.           }
  9.       );
  10.         modalRef.result.then((nameAndLastname) => {
  11.                 console.log(userHash,nameAndLastname);
  12.         },
  13.             () => {
  14.  
  15.             });
  16.     }
  17.  
  18.  
  19. HTML:
  20.  <div id="edit-worker-modal">
  21.     <div class="modal-header">
  22.       <img alt="profile image" class="img-circle" src="{{image}}" width="64" height="64">
  23.       <h4 class="modal-title" translate>EDIT_USER</h4>
  24.     </div>
  25.     <div class="modal-body">
  26.       <form role="form">
  27.         <div class="form-group">
  28.           <div class="form-group"><label translate>WORKER_NAME</label> <input id="usernameInput" type="text"
  29.                                                                              placeholder="{{ 'ENTER_NAME' | translate}}"
  30.                                                                              class="form-control" (OnChange) = "nameAndLastname"
  31.                                                                              value="{{nameAndLastname}}" ([ngModel])="nameAndLastname">
  32.             <!!*==:>NO_USERNAME</p>
  33.           </div>
  34.           </div>
  35.       </form>
  36.     </div>
  37.   </div>
  38.   <div class="modal-footer" style="padding-left:30px">
  39.     <button type="button" class="btn btn-primary" (click)="activeModal.close(nameAndLastname)" title="{{ 'SAVE' | translate}}" translate>
  40.       SAVE
  41.     </button>
  42.     <button type="button" class="btn btn-white" (click)="activeModal.dismiss()" title="{{ 'CANCEL' | translate}}" translate>
  43.       CANCEL
  44.     </button>
  45.   </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement