angular - Close ng-bootstrap modal -


i using ng-bootstrap angular 4 project , in section of project have used modal include form, when submit form, want modal closed. have 2 component section :

1: click run modal
2: form validation inside modal

what can ?

my code :

<ng-template #signin let-c="close" let-d="dismiss">     <div class="modal-header">         <button type="button" class="close" aria-label="close" (click)="d('cross click')">             <span aria-hidden="true">&times;</span>         </button>     </div>     <div class="modal-body">         <div class="row">             <div class="col-12 mt-5 mn-15px mb-2">                 <div class="wrapper-left-content">                     <app-login-form></app-login-form>                 </div>             </div>         </div>     </div> </ng-template>

login.component.html

<form [formgroup]="loginform" (ngsubmit)="login(loginform.value)" class="form-horizontal">     <div class="form-group" [ngclass]="{ 'has-error': !(username.valid || username.untouched)}">         <input class="form-control" type="text" [formcontrol]="username" placeholder='sample'>         <div [hidden]="username.valid || username.untouched">             <span class="text-danger" [hidden]="!username.haserror('required')">                 'sample'             </span>         </div>     </div>     <div class="form-group" [ngclass]="{ 'has-error': !(password.valid || password.untouched)}">         <input class="form-control" type="password" [formcontrol]="password" placeholder='sample'>         <div [hidden]="password.valid || password.untouched">             <span class="text-danger" [hidden]="!password.haserror('required')">                     'sample' !             </span>             <span class="text-danger" [hidden]="!password.haserror('minlength')">         'sample' !             </span>          </div>         <a class="fs-12 pull-left my-2" href="#">'sample'؟</a>     </div>      <div class="form-group">         <button type="submit" [disabled]="!loginform.valid"  class="btn btn-md btn-info btn-block">'sample'</button>     </div> </form>

login.component.ts

export class logincomponent {   @output() cancel = new eventemitter();   errormessage: string;    username = new formcontrol('', [     validators.required,   ]);   password = new formcontrol('', [     validators.required,     validators.minlength(6)   ]);   loginform: formgroup = this.builder.group({     username: this.username,     password: this.password   });    constructor(private builder: formbuilder, private auth: authservice, private router: router,               private toastr: toastsmanager, vcr: viewcontainerref , public modalservice: ngbmodal) {     this.toastr.setrootviewcontainerref(vcr);     }     login(values: any) {     this.auth.login(values)       .subscribe(         loggedin => {           if (loggedin) {             this.router.navigatebyurl('');             this.toastr.success('sample', null, {toastlife: 4000});             this.auth.login_again(values)               .subscribe(                 () => console.log(' login_again working !')               );           }         },        );   }


Comments

Post a Comment

Popular posts from this blog

ubuntu - PHP script to find files of certain extensions in a directory, returns populated array when run in browser, but empty array when run from terminal -

i running os ububtu 16.04. ultimate goal able run php script cron job every minute. here php script located @ /var/www/html/tests/test/index.php : <?php $directorypath = $_server['document_root']."/tests/test/data/"; echo "directorypath: $directorypath<br><br>";//check $imagefilepathsarray = glob($directorypath . "*.{png,gif}", glob_brace); echo "<br><br>imagefilepathsarray: "; print_r($imagefilepathsarray);//check ?> when open php script in browser visiting url my-ip-address/tests/test/index.php , get: directorypath: /var/www/html/tests/test/data/ imagefilepathsarray:array( [0] => /var/www/html/tests/test/data/pic.png [1] => /var/www/html/tests/test/data/pic.gif ) before writing cron job in crontab file, need check if can run anywhere using terminal . opened ubuntu terminal @ /home/ location, , executed in terminal: sudo php /var/www/html/tests/test/index.php i got following out...
Read more

php - How can i create a user dashboard -

today have questions you, want create user dashboard site, include (obviously), users data, example -email -username -and others stuff how can information, , print them in html page? if can, how can these information via php sessions? shuld use session? example, if user login, , start new session ( session_start() ), how can data print in dashboard? should use php "project"? in advice, have day , thank time!
Read more

javascript - How to detect toggling of the fullscreen-toolbar in jQuery Mobile? -

i have jquery mobile page fixed full-screen toolbar, data-tap-toggle enabled. straight under toolbar have positioned banner should slide upwards when toolbar hiding , slide downward when toolbar showing. jquery mobile toggles toolbar applying , removing ui-fixed-hidden class - sadly, can't find in documentation of toolbar widget toggle , hide or show event that. how can detect when toolbar toggled, reposition banner? .banner { position: fixed; background-color: darkseagreen; top: 46px; min-height: 48px; width: 100%; text-align: center; line-height: 48px; } <!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> <link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.css"> <script src="https://code.jquery.com/jquery-1....
Read more