Saving Check box data in angular without using database

Question

Good day Community,

I have four check-box with values assigned to them. And the project Im working on will have different logged-in users. I would like the data to be shared between the users without hard-coding the values. Is there anyway i can save the values, so that when i reload the page or another user logs into their profile, they can access the check-box data without using a database?

<div *ngIf="data.user.isSeller">
    <div class="checkbox">
        <label><input type="checkbox" (click)="Processing = !Processing" value="Processing" >Processing</label>
    </div>
    <div class="checkbox">
        <label><input type="checkbox"(click)="Shipping = !Shipping" value="Shipping">Shipping</label>
    </div>
    <div class="checkbox">
        <label><input type="checkbox" (click)="Delivered = !Delivered" value="Delivered">Delivered</label>
    </div>
    <div class="checkbox">
        <label><input type="checkbox" (click)="Closed = !Closed" value="Closed" >Delivered and Closed</label>
    </div>
</div>
<div *ngIf = "Processing">
    <i class="fa fa-check"> Processing..... <br>
    Your order has been recieved and it is being processed.
    </i>
</div>
<br>
<div *ngIf = "Shipping">
    <i class="fa fa-check">Shipping</i>
</div>
<br>
<div *ngIf = "Delivered">
    <i class="fa fa-check"> Delivered</i>
</div>
<br>
<div *ngIf = "Closed">
    <i class="fa fa-check">Delivered and Closed</i>
</div>

Thank you

score 1 · Answer 1 · answered Jul 25 '20 at 18:14

Without using a database, maybe but you need some other way of persisting those data in the server, like writing them to a file or keeping them in server memory, none of which is a good idea.

So, no. You need to put them in a database and serve them to your users.

score 0 · Answer 2 · answered Jul 25 '20 at 18:04

0

You can save the data to Local Storage or Cookies if you want to share between other user, re-asign within other user login, and clear it when you want. Take a quick view at this post: Angular 6: saving data to local storage

answered Jul 25 '20 at 18:04

Vương Tuấn Anh

68
8

How can localstorage be shared with other users? It's in one user's browser... – alou Jul 25 '20 at 18:08
just save it as a new value and dont clear it when user loged out ( in this case ) – Vương Tuấn Anh Jul 25 '20 at 18:10
1

And how would another user, from another machine / browser access them? – alou Jul 25 '20 at 18:15
Yeah if another user from another machine / browser login , then it require a database. I was talking about the same machine / browser though! – Vương Tuấn Anh Jul 25 '20 at 18:18
1

Well, different users mean different browsers, 99.99% of the time so you should probably assume differently next time :) – alou Jul 25 '20 at 18:20

score 0 · Answer 3 · answered Jul 26 '20 at 12:33

You can 'temporarily' save data in JSON . I repeat : temporarily

Method 1 :

Use json-server

https://my-json-server.typicode.com/

fault : As long as you keep the json file, your data will be there. When the file is gone, you lost your data.

Method 2:

Use a variable in service class to save data

fault : when app is off, data is gone. Until then you can use it. Maybe put some pre defined data in it

Saving Check box data in angular without using database

3 Answers3