Support us .Net Basics C# SQL ASP.NET Aarvi MVC Slides C# Programs Subscribe Download

Angular CRUD Tutorial

Suggested Tutorials
Bootstrap | Text Articles & Slides
Angular 1 | Text Articles & Slides

Angular 2 | Text Articles & Slides
Angular CLI | Text Articles & Slides

21 comments:

  1. hello dear,
    following your tuorials and explications, itried to perform myself but in my own form i got something weird as result in my debuging console:
    TypeError: this.form._updateTreeValidity is not a function
    how can i fix it?

    ReplyDelete
  2. hai venkat i want angular image upload tutorial

    ReplyDelete
  3. Good Morning Venkat. This is Vijay from Chicago and i'm big fan of your tutorials as they are awesome, excellent and mind blowing... in fact i requested you in the past whether you can take online session on MVC.

    Well,i need some information or tutorial on how to consume WCF end points through Angular as well as how to solve CORS issue when we develop a project using VSCode.. if you would like i can text you my personal email address.

    Thanks
    Vijay

    ReplyDelete
    Replies
    1. Hello Vijay,

      I has the similar issue related with CORS (Error Message: Fail to load (API Uri) No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin http://localhost:4200' is therefore not allowed access) and below I have mentioned couple of possible solution.

      It is not an Angular error. It afflicts all web apps equally, and all the possible fixes we’ll look at below are actually modifying the API header or server or the browser.

      1st CORS header (requires server changes):
      -----------------------------------------
      CORS (Cross-Origin Resource Sharing) is a way for the server to say “I will accept your request, even though you came from a different origin.” This requires cooperation from the server – so if you can’t modify the server (e.g. if you’re using an external API), this approach won’t work.
      Modify the server to add the header Access-Control-Allow-Origin: * to enable cross-origin requests from anywhere (or specify a domain instead of *). This should solve your problem.
      OR Add the following HTTP Header in server at the response of the receiving end:
      Access-Control-Allow-Headers: Content-Type
      Access-Control-Allow-Methods: GET, POST, OPTIONS
      Access-Control-Allow-Origin: *

      2nd choice: Proxy Server:
      -------------------------
      If you can’t modify the server, you can run your own proxy. And this proxy can return the Access-Control-Allow-Origin header if it’s not at the Same Origin as your page.
      Instead of sending API requests to some remote server, you’ll make requests to your proxy, which will forward them to the remote server.
      The server you are making the request to have to implement CORS to grant JavaScript from your website access. Your JavaScript can't grant itself permission to access another website.

      Delete
    2. Run Windows power shell in admin mode and type r and hit enter. And another one thing to tell in addition is if we are creating a api at the same time we should not have another visual studio window open. Close all the windows before creating our api project. Run visual studio in administrator mode. And follow the steps as I have mentioned. Thanks, happy coding .

      Delete
  4. Hello sir,
    how can we post data to Web API from angular 2 application

    ReplyDelete
  5. Image Upload and Download tutorial using angular and web API and also Angular Reactive Forms Tutorial

    ReplyDelete
  6. Hello Venkat,
    How can i upload image using "input type='file'" in angularjs & web api.
    kindly upload a video about image upload.

    ReplyDelete
  7. Hello Venkat,
    How can i upload image using "input type='file'" in angularjs5 & web api.
    kindly upload a video about image upload.

    ReplyDelete
  8. Hello sir, I'd like to thank you about your great work ... and ask you to videos for Http Module to connect with Web API ...

    ReplyDelete
  9. I Have No Words How To Give You Thanks....All Series Are Very Much Helpful To Me.

    ReplyDelete
  10. Hello sir,
    Can u provide crud operation using sql and webapi

    ReplyDelete
  11. Hello Vekkat, How do we resolve the Angular 4 http CORS No 'Access-Control-Allow-Origin', while calling Rest API ?

    ReplyDelete
  12. Hello...

    I want to enable 2 button on checkbox click ??

    ReplyDelete
  13. Please Add a video about installing Angular 6 to Visual Studio.

    ReplyDelete
  14. Angular is too complex and time consuming. so why we use?

    ReplyDelete
  15. Can you please give me link for How to reset password base on old password of users in Angular 6 . am not able to find

    ReplyDelete
  16. Thank you very much for giving us valuable knowledge. I'm very much interested to learn Azure. Could you please provide video series on Azure.

    ReplyDelete
  17. i got place in company because of your tutorials sir these tutorials are very helpful to me and i would like to thank you from bottom of the heart. Please make tutorials on azure sir great appreciate

    ReplyDelete

It would be great if you can help share these free resources