2016-05-25 9 views
0

Zunächst einmal handelt, bin ich neu in Winkel so, ich habe das Problem, könnte ein einfaches und dumm sein, was ich falsch gemacht hätte, ich mir bewusst bin :) Aber hier ist es:Angular App seltsam

Ich habe eine eckige App, die sich seltsam anfühlt. Ich weiß nicht, wie ich das richtig erklären soll, aber sagen wir, ich habe 2 Computer mit der App in einem Browser geöffnet (egal welcher Browser) und wenn der Benutzer auf einem Computer etwas scrollt oder etwas in diese Seite eingibt Formularfeld werden diese Änderungen auch auf dem zweiten Computer repliziert. Es sieht so aus, als hätte ich die Fernbedienung über die anderen Browser.

Ich weiß nicht, was das Problem ist, aber ich glaube, es könnte sein, dass diese Eingaben von einem Benutzer direkt auf der Serverseite und nicht auf der Clientseite erfolgen. Kannst du mir ein paar Tipps geben, wo ich nachsehen oder was ich in meinem Code nachsehen muss, um die Ursache dafür zu finden?

ich diese Frage mit einigem Code zu aktualisieren, aber ich weiß nicht, was helfen würde ..

Vielen Dank!

EDIT: wie in den Kommentaren angefordert Ich addiere Teile meines Code:

package.json:

{ 
    "name": "appname", 
    "version": "0.0.1", 
    "license": "LicenseRef-LICENSE", 
    "author": "me", 
    "description": "App", 
    "keywords": [ 
    "express", 
    "gulp", 
    "angular" 
    ], 
    "private": true, 
    "engines": { 
    "node": ">=0.12.x" 
    }, 
    "devDependencies": { 
    "browser-sync": "^2.7.13", 
    "del": "^1.2.0", 
    "express": "^4.13.1", 
    "gulp": "^3.9.0", 
    "gulp-angular-protractor": "0.0.2", 
    "gulp-autoprefixer": "^2.3.1", 
    "gulp-changed": "^1.2.1", 
    "gulp-concat": "^2.6.0", 
    "gulp-gzip": "^1.2.0", 
    "gulp-if": "^1.2.5", 
    "gulp-if-else": "^1.0.3", 
    "gulp-install": "^0.5.0", 
    "gulp-jshint": "^1.11.2", 
    "gulp-minify-css": "^1.2.0", 
    "gulp-ng-annotate": "^1.0.0", 
    "gulp-ng-config": "^1.2.1", 
    "gulp-notify": "^2.2.0", 
    "gulp-protractor-qa": "^0.1.17", 
    "gulp-uglify": "^1.2.0", 
    "gulp-uncss": "^1.0.2", 
    "gulp-usemin": "^0.3.11", 
    "gulp-util": "^3.0.6", 
    "jshint": "2.5.10", 
    "jshint-stylish": "^2.0.1", 
    "morgan": "^1.6.1", 
    "phantomjs": "1.9.18", 
    "request": "^2.60.0", 
    "run-sequence": "^1.1.1", 
    "vinyl-source-stream": "^1.1.0" 
    }, 
    "dependencies": {} 
} 
+0

Sie sollten uns Ihren Controller und app.js zeigen. Auch die Datei package.json hilft Ihnen dabei, herauszufinden, ob Sie ein Werkzeug zum Synchronisieren von Ansichten haben. – thepio

+0

Ich habe den Code wie gewünscht hinzugefügt –

+1

Sie verwenden Browser-Synchronisierung (ich kann es von Ihrem Paket.json sehen), die wahrscheinlich der Grund ist, dass Ihre App sich so verhält, wie Sie beschrieben haben. Sie sollten es in Ihrem gulpfile.js initiiert haben – thepio

Antwort

0

Nach dem Betrachten Ihrer package.json kann ich sehen, dass Sie Browser-Sync-Plugin in Ihrer Anwendung enthalten haben. Browser-Synchronisierung ist die Ursache für dieses Verhalten.

Browser synchronisieren offizielle Homepage: https://www.browsersync.io/

Sie Ihre Initialisierung von Browser-Sync in Ihrem gulpfile.js kann auch, da ich, dass Sie schlingen in Ihrem Projekt verwenden sehen gibt.

0

Das erste, was zu überprüfen: Ihr Browser-Entwickler-Tools öffnen und überprüfen, ob es websocket Aktivität . Wenn nicht, überprüfen Sie, ob Ihr Browser HTTP-Anfragen (http-Abruf) in bestimmten Intervallen absetzt.

+0

Ich habe eine Überprüfung und ich habe keine abnormale Aktivität in Bezug auf WebSockets oder HTTP-Anfragen gesehen –

+0

Sie müssen Websocket Aktivität überprüfen, während Sie Änderungen an der Seite (Änderungen was dazu führt, dass andere Browser aktualisiert werden), hast du es so gemacht? –

0

@thepio gab mir die richtige Antwort in einem Kommentar. Ich weiß nicht, wie ich das als Antwort markieren soll, aber für jeden, der es herausfinden möchte, war es das Browser-Sync-Plugin, das es getan hat. Ich habe es im Schluck gesperrt.

+0

Hallo Christian. Ich habe meinen Kommentar zu einer Antwort gemacht, damit Sie mir Kredit geben können, wenn Sie es wünschen. Muss nicht, obwohl Sie Ihre eigene Antwort auch akzeptieren können. Lass es mich wissen und ich werde meine Antwort entfernen :) – thepio

+0

fertig :) Danke nochmal! –

+0

Kein Problem und danke! Sie können diese (Ihre eigene) Antwort sogar löschen, weil es nicht wirklich eine Antwort ist. Wenn Sie die Regeln von SO natürlich befolgen möchten, P – thepio