Angular crud using JSON server rest API with reactive forms | material UI design | angular 14

Поделиться
HTML-код
  • Опубликовано: 16 авг 2022
  • Angular crud using JSON server rest API with reactive forms | material UI design
    Steps for install JSON server
    ========================
    1, Install Json server NPM Globally
    npm install -g json-server
    2, Run the Json server API using below command
    json-server --watch db.json
    3, Execute method in Postman
    Join this channel to get access to perks:
    / @nihiratechiees
    GitHub link for source code
    =======================
    github.com/nihira2020/jsoncrud
  • НаукаНаука

Комментарии • 39

  • @luisjesuscastano9639
    @luisjesuscastano9639 Год назад

    u are the best. Keep going :)

  • @pratibhadeshmukh7897
    @pratibhadeshmukh7897 Год назад

    Nice video, very helpful

  • @GOPIJITINKhatana
    @GOPIJITINKhatana Год назад

    Superb sir

  • @siddhantthorat3269
    @siddhantthorat3269 Год назад

    Have you done unit testting of this in any video?

  • @hdrgamers1749
    @hdrgamers1749 Год назад

    Sir, update method kku new components create panni oru video podunga please

  • @ranisundar4502
    @ranisundar4502 Год назад +1

    Hi
    I'm not able to add datas. I download code in github. same code only. I didn't modify anything. But I'm not able to do CRUD ..

    • @NihiraTechiees
      @NihiraTechiees  Год назад +1

      Follow the steps in video. Code is only for reference.. If you face any issue just cross check with code.
      If still you struggling share the error details then only I can help you

    • @sumita3452
      @sumita3452 11 месяцев назад

      Same problem

  • @dl7912
    @dl7912 10 месяцев назад

    Sir query on json server for a particular data. I am receving big json data by api response now need to generate mis report on this, Pls show some way out

    • @NihiraTechiees
      @NihiraTechiees  10 месяцев назад

      I recommend to use real time api. Json server is kind of fake api. While learning UI technology if you don't have api then you can use this json server api

  • @saharelaid7469
    @saharelaid7469 Год назад +1

    can't bind to 'dataSource' since it isn't a known property of 'table'. i can't fix this error

    • @NihiraTechiees
      @NihiraTechiees  Год назад

      Import the matTablemodule in the app.module

    • @tharanirathnasamy6290
      @tharanirathnasamy6290 Год назад

      @@NihiraTechiees for me also , even after import , still error remains

    • @NihiraTechiees
      @NihiraTechiees  Год назад

      Share the source code or files to my mail

    • @Csravankumarraju
      @Csravankumarraju Год назад

      I am also having the same issue, I Was not able to resolve it. Please share mail id

    • @NihiraTechiees
      @NihiraTechiees  Год назад

      Please install material UI. Then import the matTablemodule. For more reference please check with GitHub source code
      Additional support please join membership. Will check through remote

  • @sokbunchhuoy9057
    @sokbunchhuoy9057 Год назад

    do you have post GitHub

  • @royald3297
    @royald3297 Год назад

    Sir when i am clicking edit button then data is not present in popup page

    • @NihiraTechiees
      @NihiraTechiees  Год назад

      please check console whether any issues also debug where the data gets lost

    • @royald3297
      @royald3297 Год назад

      Solved sir but not updating the data

    • @NihiraTechiees
      @NihiraTechiees  Год назад

      Send me details to my email

  • @mrdoss6022
    @mrdoss6022 Год назад

    sir what is companymodel[ ]

    • @mrdoss6022
      @mrdoss6022 Год назад +1

      also what is companydata in this video u haven't said where it came from, also u have created one ts file called model.ts ,which also u haven't explained , sir please clarify that area, i am watching so many times again and again

    • @NihiraTechiees
      @NihiraTechiees  Год назад +2

      It's act as the model file. But it's not mandatory

  • @siddhantthorat3269
    @siddhantthorat3269 Год назад

    Id is not getting disabled I tried many times

    • @NihiraTechiees
      @NihiraTechiees  Год назад

      Share the code, you added for disable

    • @siddhantthorat3269
      @siddhantthorat3269 Год назад

      @@NihiraTechiees companyform = this.builder.group({
      id: this.builder.control({ value: '', disabled: true }),
      name: this.builder.control('', Validators.required),
      empcount: this.builder.control('', Validators.required),
      revenue: this.builder.control('', Validators.required),
      address: this.builder.control('', Validators.required),
      isactive: this.builder.control(true),
      });

    • @siddhantthorat3269
      @siddhantthorat3269 Год назад

      @@NihiraTechiees please share your mail I'll send you the screen shot