Sync with sync gateway does not work.

When I create data from a mobile device data are able to come on the desktop which is written in angular but data are written in angular is not able to be seen on mobile, to me, this is a sync issue.
```
import { Component, OnInit, NgZone } from '@angular/core';
import { PouchDBService } from "./pouchdb.service";

import * as PouchDB from 'pouchdb/dist/pouchdb';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {

public people: Array;
public form: any;

public constructor(private database: PouchDBService, private zone: NgZone) {
this.people = [];
this.form = {
"username": "",
"firstname": "",
"lastname": ""
}
}

public ngOnInit() {
PouchDB.sync('main', 'http://localhost:4985/main', {
password: 'password',
user: 'admin',
live: true,
retry: true,
continous: true,
filter: "sync_gateway/bychannel",
query_params: { "channels": ['43'] },
}).on('change', (info: any) => {
console.log("sync change:", info)
}).on('paused', (err: any) => {
console.log("sync paused", err)
}).on('active', () => {
console.log("sync active")
}).on('denied', (err: any) => {
console.log('denied', err);
}).on('complete', (info: any) => {
console.log("sync complete")
}).on('error', (err) => {
console.log("sync error", err)
});
this.database.getChangeListener().subscribe(data => {
for (let i = 0; i < data.change.docs.length; i++) {
this.zone.run(() => {
this.people.push(data.change.docs[i]);
});
}
});
this.database.fetch().then(result => {
this.people = [];
for (let i = 0; i < result.rows.length; i++) {
this.people.push(result.rows[i].doc);
}
}, error => {
console.error(error);
});
}

public insert() {

if (this.form.username && this.form.firstname && this.form.lastname) {
this.database.put(this.form.username, this.form);
this.form = {
"username": "",
"firstname": "",
"lastname": ""
}
}
}

}

```