angular5

问题 I have a service to pass data between components and when called it works but when i reload the service data gets reset.So when i searched on reload the memory is reset so is there a way to persist data even after reload without using any client side storage ? One thing i am curious is that can i achieve this using rxjs but i am not sure how this would help ?I fear to use localstorage because the data will be mostly objects or array and not user id or session id.Any inputs on this would be

问题 I have a service to pass data between components and when called it works but when i reload the service data gets reset.So when i searched on reload the memory is reset so is there a way to persist data even after reload without using any client side storage ? One thing i am curious is that can i achieve this using rxjs but i am not sure how this would help ?I fear to use localstorage because the data will be mostly objects or array and not user id or session id.Any inputs on this would be

问题 How to conditionally validate a field based on another field's value? Here's what i've tried but it seems not to work this.PDform = _formbuilder.group({ [...] 'intlNumber': ['',this.nationality == 'Abroad' ? Validators.compose([Validators.pattern(this.phoneNumberExp), Validators.maxLength(14), Validators.minLength(11), Validators.required]) : Validators ] [...] }) 回答1: You can change the validators for a form control when the value of another form control changes by subscribing to the

问题 How to conditionally validate a field based on another field's value? Here's what i've tried but it seems not to work this.PDform = _formbuilder.group({ [...] 'intlNumber': ['',this.nationality == 'Abroad' ? Validators.compose([Validators.pattern(this.phoneNumberExp), Validators.maxLength(14), Validators.minLength(11), Validators.required]) : Validators ] [...] }) 回答1: You can change the validators for a form control when the value of another form control changes by subscribing to the

问题 How to conditionally validate a field based on another field's value? Here's what i've tried but it seems not to work this.PDform = _formbuilder.group({ [...] 'intlNumber': ['',this.nationality == 'Abroad' ? Validators.compose([Validators.pattern(this.phoneNumberExp), Validators.maxLength(14), Validators.minLength(11), Validators.required]) : Validators ] [...] }) 回答1: You can change the validators for a form control when the value of another form control changes by subscribing to the

问题 I have used input type time in my application to receive time: <mat-input-container> <input matInput formControlName="start_time" type="time" placeholder="Time Start"> <p class="invalid-text" *ngIf="dvrForm.controls.start_time.invalid && (dvrForm.controls.start_time.dirty || dvrForm.controls.start_time.touched)"> <span *ngIf="dvrForm.controls.start_time.errors.required"> Start Time is required.</span></p> And after i store data through input it gets stored in 24 hour format : So now when I

问题 I have two columns as below and I wanted to dynamically swap/change fxFlex value onClick of a button. I know that if you resize screen, fxFlex.md/lg etc will kick-in which I was able to accomplish. But am trying to understand how to change the fxFlex values on a static screen-size on some event like button-click. <div flexLayout="row"> <div fxFlex="fxFlexForCol1" style="background-color: green"> <button mat-raised-button (click)="swapViewableArea()">Click to enlarge view {{fxFlexForCol1}}<

问题 In an Angular 2+ component, how do I pass in a callback function that takes parameters? My initial assumption was something like <app-example [onComplete]="doThing('someParam')"></app-example> And sometimes I won't need any parameters, like this: <app-example [onComplete]="doSomeThingElse()"></app-example> And then in the component I have import { Component, OnInit } from '@angular/core'; @Component({ selector: 'app-example', templateUrl: './example.component.html', }) export class

问题 In an Angular 2+ component, how do I pass in a callback function that takes parameters? My initial assumption was something like <app-example [onComplete]="doThing('someParam')"></app-example> And sometimes I won't need any parameters, like this: <app-example [onComplete]="doSomeThingElse()"></app-example> And then in the component I have import { Component, OnInit } from '@angular/core'; @Component({ selector: 'app-example', templateUrl: './example.component.html', }) export class

问题 In an Angular 2+ component, how do I pass in a callback function that takes parameters? My initial assumption was something like <app-example [onComplete]="doThing('someParam')"></app-example> And sometimes I won't need any parameters, like this: <app-example [onComplete]="doSomeThingElse()"></app-example> And then in the component I have import { Component, OnInit } from '@angular/core'; @Component({ selector: 'app-example', templateUrl: './example.component.html', }) export class