Browsed by
Tag: angularjs

Angular JS tagged posts

Angular 6 access control using ngx-permission

Angular 6 access control using ngx-permission

Angular 6 access control using ngx-permission: We can’t see any enterprise applications without access control management as this is the most important feature which all the sites must have to avoid security violations and control the views for different user groups. In angular this can be easily achieved using ngx-permission, I personally used it in my application developments and did not face any issues so far, and even if you face any issues developer is so active to respond as…

Read More Read More

251 total views, 2 views today

All about pipe in angular 5/6 for dummies (custom pipe | pure | impure pipes)

All about pipe in angular 5/6 for dummies (custom pipe | pure | impure pipes)

All about pipe in angular 5 for dummies (custom pipe | pure | impure pipes) We can create our custom pipes with the below steps: Create the typescript class with @Pipe decorator 2. Provide the name of the pipe to the @Pipe decorator’s name property. 3. Implement the class with PipeTransform 4. Provide the implementation of the pipe functionality inside the transform method. 5. transform is the method need to be used for any custom pipes and the same needs…

Read More Read More

481 total views, no views today

[Resolved] “org.springframework.web.HttpMediaTypeNotSupportedException” angular 5

[Resolved] “org.springframework.web.HttpMediaTypeNotSupportedException” angular 5

Hi All,¬†Recently I came across this “org.springframework.web.HttpMediaTypeNotSupportedException” error while trying to hit my spring boot rest web services application from angular 5.   I am posting my experience because to help someone quickly. I almost cross checked all the places many times, but I could not find the below miss which I found at last and also do remember this error says that “HttpMediaTypeNotSupportedException”, so this error can happen due to incorrect media type/media type is not set or some…

Read More Read More

441 total views, 1 views today

Understanding angular 4/5/6 flow

Understanding angular 4/5/6 flow

Understanding angular 4/5 flow: In highlevel this is the flow, Main.ts > AppModule > App.component, it serves the content available in the Template file. I request you to run first angular cli project from this link, How to install Angular-CLI in Windows 7 ? Running First Angular-CLI Project in 2 Minutes then read below to understand how angular / angular flow works in detail.   Now let me explain how angular works actually, index.html file looks like this, index.html file…

Read More Read More

753 total views, 1 views today

Angular 4/5/6 CLI + Angular Universal Setup Steps

Angular 4/5/6 CLI + Angular Universal Setup Steps

Angular 4 CLI + Angular Universal Setup Steps: Angular universal is superb component for angular projects for server side rendering, which really resolves SEO related issues to the great extend. But setting up a angular universal will become little complex if you try after developing your complete applications. Because some of the component you used in your angular 4 project may not have a proper configuration to support angular universal.   So I highly recommend to run angular universal beginning…

Read More Read More

1,414 total views, 2 views today

[Updated] Adding Angular Material 2 to Angular 4 CLI

[Updated] Adding Angular Material 2 to Angular 4 CLI

Adding Angular Material 2 to Angular 4 CLI: Recently breaking changes has been made to angular material 2 as per this github link, so step to add angular material 2 to angular 4 cli is also changed. I have followed the new steps and it works fine without any issues. I have shared the step by step instruction below to add angular material 2 to your angular 4 cli. Breaking change high level: We used to import MaterialModule previously, now…

Read More Read More

1,132 total views, no views today

Picking Best UI Framework for Angular 4/5/6 Projects

Picking Best UI Framework for Angular 4/5/6 Projects

Picking Best UI Framework for Angular 4 Projects: I have been spending more than 2 weeks on picking best UI framework for my new angular 4 project. Unfortunately no straight forward conclusion. But I am sharing my complete analysis on this to help you guys for better UI pick for your angular 4 projects. Criteria to pick/select Best UI framework for Angular 4: Should be angular supportive (plain css UI frameworks needs lot of modifications when using with angular 4)….

Read More Read More

1,438 total views, 1 views today

Passing one component value to other component using Angular Observable

Passing one component value to other component using Angular Observable

Passing one component value to other component using Angular Observable: I have a sidebar component and store coupon component. In the sidebar I have radio options named, All Coupon Deal And in the store coupon component I have both coupons and deals listed. Now I would like to achieve, On click of coupon radio button in the sidebar component it should pass the value “coupon” to store coupon component and display only the coupons. On click of deal radio button…

Read More Read More

895 total views, no views today

[Solved] ReferenceError: KeyboardEvent is not defined

[Solved] ReferenceError: KeyboardEvent is not defined

[Solved] ReferenceError: KeyboardEvent is not defined This error happens due to lot of reasons. In my case I was getting this error while making my angular site to angular universal site for server side rendering and better SEO. But when I was trying to convert to angular universal¬†I got this “ReferenceError: KeyboardEvent is not defined ” issue. In my case it was because of ngx-bootstrap component. In particular I used rating component from ngx-bootstrap and exactly in that module I…

Read More Read More

1,008 total views, 1 views today

[Solved] ERROR Error: No value accessor for form control with unspecified name attribute

[Solved] ERROR Error: No value accessor for form control with unspecified name attribute

[Solved] ERROR Error: No value accessor for form control with unspecified name attribute   This issue will occur due to lot of reasons, here I am writing my case to help someone, Issue: This issue happened with angular 4 cli + angular material 2 for me. I used mat-radio-button, mat-checkbox in my template page. But I missed to import the radio module and FormsModule in my app module. Solutions: Import all the respective modules in your module page [In this…

Read More Read More

1,707 total views, no views today