data only displaying after refresh in angular

I’ve card component, Home Page and Explore page. I have show all the cards in Explore page and user have the ability to favorite a particular card and it’ll display in the Homepage. the problem I have right now is the favorited cards only appear in Homepage when I refresh the browser, It didn’t show […]

By Aase Zi
Published
Categorized as angular, emit, eventemitter, html, typescript Tagged , , , ,

How to fix UI change in angular

In my Home page I have a search bar and imported favoritedList component which show all the user favorited cards. The problem I have is when I unfavorited particular card, some reason all the cards are disappear from the UI even though it did not delete the rest of the card in the backend. and […]

By Aase Zi
Published
Categorized as angular, filter, html, typescript, user-interface Tagged , , , ,

How to display mock data in html in Angular

I have created mock service file and I want to display in my html but not really sure how to make it display properly so I’ll be really appreciated If I can get any help or suggestion. <div class="container2"> <div class="header" style="height: 400px"> <div class="content3"> <div> <h1 class="kpi-title">90,346</h1>. // I’m trying to remove this hard […]

By Aase Zi
Published
Categorized as angular, display, html, mocking, typescript Tagged , , , ,

How to make scroll to top button appear after scrolling in Angular

I have created a scroll to the top component form my angular project and I trying to make the button appear only after a user scroll down but my button is still appearing on the initial load so just how can I achieve that HTML <div class="to-top" (click)="scrollToTop()" [ngClass]="{ ‘show-scrollTop’: windowScrolled }"> <img src="../../../../assets/marketing-site/ecosystem/Scroll-to-Top.svg" alt="to-top-icon" […]

By Aase Zi
Published
Categorized as angular, css, html, scroll, typescript Tagged , , , ,

How to fix TypeError Cannot read property of undefined

I’m trying to write a unit test cases using Jest in my Angular project and I encounter these error when ever I try to run my test file TypeError: Cannot read property ‘features’ of undefined TypeError: Cannot read property ‘enhancement’ of undefined TypeError: Cannot read property ‘bug’ of undefined I’m reading those property in my […]

How to write a unit test on dialog close using Jest

this is my first time trying to write a unit test on a simple dialog using Jest and I’m not sure why my test is always failing so I would be really appreciated if any body can help or give me any suggestion on my test cases that I wrote. HTML <div class="container"> <div> <p […]

How to make mat tab more invisible

I have mat tap and I’m trying to make it more invisible like the design below but I’m not sure how to achieve it so I’ll be really appreciated if I can get help or suggestion. I tried changing the elevation and opacity but still can’t get like design I want. I. also tried box-shadow: […]

By Aase Zi
Published
Categorized as angular, angular-material2, css, html, styles Tagged , , , ,

How to get a style from inspect and use it in CSS

In my angular project I imported the ngx-editor and I’m trying to make the editor height to become smaller. I did inspect element and I’m able to modify the height in the inspect element but when I copy the .nw-editor{ .. } from the inspect element and paste it in my css file, it didn’t […]

By Aase Zi
Published
Categorized as angular, css, html, ngx-editor, styles Tagged , , , ,

How to use local svg file instead of mat icon in angular

In my existing project, we were using mat icons but I need to replace it using local svg icons but not sure how to change or modify so I would be really appreciated if I can get any help or suggestion. export const tutorials = { title: ‘Tutorials’, tutorialList: [ { title: ‘Navigation’, icon: ‘near_me’, […]

By Aase Zi
Published
Categorized as angular, angular-material, html, icons Tagged , , ,

How can I modify mat tab in Angular

I’m trying to make my mat tab bar just like the design but some reason I can’t still figure out how I can make it look less transparent and make the edges round so I would be really appreciated if I can get any help or suggestion. The Design What I have so far <div […]

By Aase Zi
Published
Categorized as angular, angular-material, css, html, material-ui Tagged , , , ,

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
faq