Skip to main content

Angular4 Crud Operation In IndexedDB using JsStore

Comments

  1. hi this is more helpful for me.Can you pls guide me to create multiple databases and using jsstore in indexeddb in angular5

    ReplyDelete
    Replies
    1. Hey - I will surely write it. Give me some time to do it.

      Delete
  2. Is this package compatible with Angular5?

    ReplyDelete
    Replies
    1. yes it is completely supported with angular. Check out the angular example in examples folder - https://github.com/ujjwalguptaofficial/JsStore/tree/master/examples/angular

      There were few problems with jsstore v1 but in v2 everything has been sorted out.

      Delete
  3. I truely excited to be here.You have explained everything very clearly.Iam much more impressed.the person who created this post is a genius and knows how to keep the readers connected.Check out Yiioverflow to know more about Yii framework and its wonderful feautres.

    ReplyDelete
  4. Really awesome tutorial..Thanks a lot...

    ReplyDelete
  5. This comment has been removed by the author.

    ReplyDelete
    Replies
    1. Hi Bhushan - are you getting any problem while using in service worker. Let me know. Although I see you have deleted the comments but I got the mail so thought I should ask.

      Delete
  6. I am using JsStore in angular 5 ang getting a problem in " import * as workerPath from 'file-loader?name=scripts/[name].[hash].js!jsstore/dist/jsstore.worker.js' ".
    It show cannot find module 'file-loader?name=scripts/[name].[hash].js!jsstore/dist/jsstore.worker.js'.

    I have tried by installing file-loader node_module and by loading directly jsstore.worker.sj but nothing works.

    ReplyDelete
    Replies
    1. Have you seen example code ? that might help you. Here is the link - https://github.com/ujjwalguptaofficial/JsStore/tree/master/examples/angular

      Let me know

      Delete
    2. It was fixed by adding worker.d.ts in the extra folder which was not mentioned in this tutorial. Please add that also.

      Thanks a lot for the help.

      Delete
    3. Please let me know how to fix this problem so that I can move further to learn,. Please contact!

      Delete

    4. hello this article helped me a lot but I also want to make a login page on my web application so I have to check if the values ​​entered in the login form exists in a table "user" that I created with the columns username and password if you have an idea help me please

      Delete
    5. Hi - you should not check these values in the client side. Check it in server side. But yeah if you want to do it - you can use count with where query. It will return number of data exist.

      Hope this helps

      Delete
  7. I am using JsStore with angular 6 and I am getting the same error - " import * as workerPath from 'file-loader?name=scripts/[name].[hash].js!jsstore/dist/jsstore.worker.js' ".
    It show cannot find module 'file-loader?name=scripts/[name].[hash].js!jsstore/dist/jsstore.worker.js'.

    Adding the extra folder with worker.d.ts file doesn't help in angular library generated with the new 'ng generate library'. Could you please give me an advice how to resolve this problem?

    ReplyDelete
    Replies
    1. The problem with angular 6 libraries occurs because of that library use roll-up instead of web-pack. Could you create an example of using jsStore in angular library ? :)

      Delete

Post a Comment

Popular posts from this blog

Implementing Oauth2.0 authorization for Google in asp.net

Download Source Code Introduction Now a days, security is a major concern for every service provider like Google, Yahoo, Microsoft etc. and that’s why every service provider which is providing some external service to another app is following the protocol defined by Oauth. I am going to describe here, how to implement google oauth in asp.net app. Prerequisites You should have basic knowledge of C# Asp.net Steps for implementing For implementing Oauth we will have to follow series of steps – Create a project on google console. Get the client id and client secret from the project. Writing code for authorizing the user by google. Writing code for exchanging the authorization code for refresh token. Writing code for exchanging refresh token for access token. Don’t worry about the above steps- i am going to explain these in details with demo. Let’s Start 1.Create a Project on Google console Goto https://console.developers.google.com and click on project -&g

Angular4 Crud Operation In IndexedDB using JsStore V1

Introduction Are you facing difficulties using IndexedDB in angular4 or angular2 ? Well, you are reading the right article. You will be able to use IndexedDB all functionality in simple way after reading this article. In this article i am going to explain - how to do crud operation in angular4 using indexedDB wrapper JsStore. If you are thinking - what is JsStore ? JsStore is an IndexedDB wrapper. It provides simple sql like api to do db operations and makes IndexedDB simple. So In this article we will replace IndexedDB with JsStore . Enough of the words , lets do something. If you want the source code , you can download it from here - https://github.com/ujjwalguptaofficial/angular4.crud.jsstore Prerequisites You should have basic knowledge of  html css javascript angular2 or angular4 indexedb (not necessary) Let's Code Create Angular project First we will have to create a angular project. I am showing you how to do with angular cli. S