In Angular, I wrote a code as below. FYI, the type of created_date is Date. However, in here, I see the error as – type ‘string’ is not assignable to type ‘date’. If I amend new Date before the formatDate(…) then I see the unwanted result. How can I get the result with the …
Tag: angular
Image didn’t appear in my angular project
I am learning angular by following steps in a book and there’s a task that demanded creating a product component like in Amazon.For each product, we have an image, the product name, the product release date, the rating component and the number of ratings it has. I followed all steps but the image didn&#…
How to disable options from mat-select based on option selected?
I was working on a project involving mat-select. I have two mat-selects,there I want to do two things: When I select ‘all’ option in either of the mat-selects all the other options should get disabled. When I select an option in one mat-select,that option needs to get disabled in the other mat-sel…
Call javascript function when closing ngbdropdownmenu angular
I am implementing an alert/notification dropdown in my angular app. I have got the alerts to display when clicking on the icon, however I am now trying to update the ones that have been read (unread are shown in bold). For example, when opening the app, it might show the number 2 on the icon (as 2 alerts are …
Angular Nested Child Routing
I am learning use of multiple router-outlet. While using navigateBy function of router, i am not able to view my child route and getting error. But if i access it via routerLink in html i get the desired output. So in below code, navigation to songs is working , but navigation to films is not. App Component h…
Click event on child Component Angular 13 to remove class in grand-parent component
Hello I have 3 components in Angular 13: Child : Burger-menu Parent : Header Grand-Parent : app.component.html I have a close burger menu button in the burger-menu component. when I click on it, I want to remove a class that is on the header. The header is located in the grandparent component. Here is my code…
Change in one dropdown value is affecting other dropdowns
I have a add button which will keep on adding a div container which consists of two dropdowns. On selecting on dropdown we are setting other dropdown data. When I click on add div it will add a second div with both dropdowns. But, change in one dropdown is affecting other dropdown. app.component.ts app.compon…
Identify origin of an observable event on subscription
I have a BehaviorSubject<Array<user>> (userListSub$) state that is updated from various places. For example, when I click Follow on a user when I click Unfollow on a user when I favorite a user The same state is being subscribed in different components. I would like a particular component to not r…
In Angular 14, how do I include a child component in a standalone component?
I’m using Angular 14. I have a standalone component in which I want to include a child component from another module. The standalone component looks like and its service file is The child component is in another module — MyModule. The my.module.ts file looks like But my parent’s HTML is givi…
TypeScript 4.6.4 is indicating that this code is not valid
How do I resolve this Typescript issue? Message from Console Error: src/app/auth/authservice.ts:56:20 – error TS2345: Argument of type ‘string | null’ is not assignable to parameter of type ‘string’. Type ‘null’ is not assignable to type ‘string’. I added …