How to apply style for Angular Material 15 elements? Nothing except ::ng-deep is working for me. According to official docs https://angular.io/guide/component-styles#deprecated-deep--and-ng-deep ::ng-deep is deprecated so I want to avoid using it. E.g. I want to hide/remove select arrow in mat-select.…
I have an Angular project, where one of the components have an input time like: <div class="start"> <p>Inicio:</p> <input type="time" class="form-control"/> </div> It is possible to set a range in the minutes of the input? I mean, when I have…
I have an Angular application where I want to have canonical tag value changing dynamically. I have a component named article.component.ts which is responsible for displaying individual blog pages. Now the value of the canonical URL is available in the…
In my application, I have implemented nested routing. The /offers endpoint displays all offers, while /offers/{id} displays a specific offer. I know that the parent must have a router-outlet, but the problem is that instead of displaying a specific offer…
I have form like below : this.configGroup = new FormGroup({ accountOne: new FormControl(null), accountTwo: new FormControl(null), prefix: new FormControl(""), suffix: new FormControl(""), critical: new FormControl(null), medium: new FormControl(null), low: new FormControl(null), none: new FormControl(null) }); HTML code : <div class="cred-ref-id-wrap">…
Need help changing my header background color when scrolling. This is what i have thus far. header.component.ts export class HeaderComponent { ngOnInit(): void { const header = document.querySelector('.header'); document.addEventListener('scroll', (ev) => { if (header !== null) { if (window.scrollY ===…
I have this firestore db that stores some data, but I have a problem when I try to fetch records from it. My code is supposed to give a record of users, but gives the error: ERROR FirebaseError: Expected type…
Please ignore the comments I edited my previous questions as I want to start bounty on it I have an angular project for kindy portal which is where teacher post kids/students post of what they are doing during the day…
I have this file data const ics = 'BEGIN:VCALENDARn' + 'VERSION:2.0n' + 'CALSCALE:GREGORIANn' + 'METHOD:PUBLISHn' + 'END:VCALENDARn'; i want to generate file object where fileBody is ics data convert(fileBody,filename) { let fileContent=this.dataURLtoFile('data:text/plain;charset=utf-8,' + encodeURIComponent(fileBody),filename); } dataURLtoFile(dataurl, filename) { console.log('dataurl',dataurl); var…
Is there a way to add a gap between the bottom of the ionic 'sheet' modal and the screen? I expect this behaviour: This is how far I have gotten (ignore the design differences): https://stackblitz.com/edit/angular-hmunhj?file=src%2Fglobal.css I have read the docs…