Input ‘touched’ in angular validation is blocking method execution

I noticed when using this kind of validation: <label>Password</label> <input type="password" formControlName="password" class="form-control" [ngClass]="{ ‘is-invalid’: f.password.touched && f.password.errors }" /> <div *ngIf="f.password.touched && f.password.errors" class="invalid-feedback"> <div *ngIf="f.password.errors.required">Password is required</div> <div *ngIf="f.password.errors.minlength">Password must be at least 6 characters</div> </div> <div class="form-group"> <button class="btn btn-primary" (click)="alertX()">sdf</button> </div> When I focused the input and then click the button, […]

By Daniel Cruz
Categorized as angular, javascript Tagged ,

p-dropdown ‘required’ property is not setting ‘required’ attribute to its input element (primeng 11)

After using some time primeng components I noticed that the component ‘p-dropdown’ is not adding the ‘required’ attribute to the original input which is inside a div with the class ‘p-hidden-accessible’. In contrast to the other components such as ‘p-autocomplete’ that is indeed setting the ‘required’ attribute to its inside input element. Here are some […]

By Daniel Cruz
Categorized as angular, primeng, primeng-dropdowns Tagged , ,

Problem with data labels apexcharts using angular 8+

I have a problem to populate data in the last and first data labels. When the graph has few bars, the data labels do not appear. Follow the photos below to view! Click to see the image with the problem Click to see the image without error The first image shows the problem Source: Angular […]

Still Have Questions?

Our dedicated development team is here for you!

We can help you find answers to your question for as low as 5$.

Contact Us