basic review


<!--


afterLogIn == module creation
[ ng generate module afterLogIn --routing --module=app ]

beforeLogIn == module creation by using
[ ng generate module beforeLogIn --routing --module=app ]

service implementation by using [ ng g s provider/service ]

component creation in beforeLogIn{header, footer,signUp,Login,landing, {faq,termCondition,support,privacyPolicy,aboutUs}}

by using [ ng g c before-log-in/header ]

implementation lazyLoading in app.route.module.ts by using this in routes array

[{ path: 'before-log-in', loadChildren: () => import(`./before-log-in/before-log-in.module`).then(m => m.BeforeLogInModule) },]

component creation in afterLogIn{home{file,recent,photo,storage},MyProfile,settings,notification,[upgrade,mainHeader,mainFooter,]}


remove declaration of these two from import array within app.module.ts
[
// BeforeLogInModule,
// AfterLogInModule,
]
-->

<!--
1. npm install ngx-toastr --save
2. npm install @angular/animations --save
3. npm install ngx-spinner --save
4. npm i @angular/forms

--> 

Comments

Post a Comment

Popular posts from this blog

Become a Expert + Secret of Success -- ii

Image
 Do you want to become success? Excuses  takes you towards opposite direction of success. Don't Delay, Note down in your diary, what's your Aim,Vision & Mission Aim : ------------      I want to become a full stack developer.  (  after achieving, your can think about new aim)  Vision :------------ My Vision  is to become a leading performer, in providing quality Web and Software Development solutions in the competitive global marketplace.  Mission :------   To develop the solution for real life and business problems. ( as a software Developer this is your Mission ) Learn Java
Read more

Change Detection

Change Detection is the mechanism by which the Angular framework synchronizes the state of an application's UI with the state of the data.     The change detector checks the current state of the data model whenever it runs. then change detector   maintains the  current state of the data model  as the previous state to compare on the next iteration. Thank you ! next we will discuss the Implementation of Change Detection
Read more

without writing media queries How to make responsive component

  Follow these steps to implement a responsive design with Angular: go to main refrence use the Angular BreakpointObserver to detect the size of the current device set member variables in your component that allow you to show or hide certain elements depending on the screen size Set responsive CSS classes in your component like  is-phone-portrait  depending on the screen size Use these special classes to make the CSS of your component responsive without writing media queries In this post, we will cover the following topics: The BreakpointObserver Service Using layout-related flags to show or hide responsive elements Writing CSS that only applies to certain screen sizes (without media queries) Summary  let's get started learning everything that we need to know for making your Angular application responsive! The BreakpointObserver Service @ Component ( ) export class ResponsiveComponent implements OnInit { constructor ( private responsive : BreakpointObser...
Read more