Umschalten oder deaktivieren/wieder-aktivieren einer AngularJS Uhr

Ich muss in der Lage sein zu ignorieren, bestimmte Uhren, die während der Durchführung bestimmter Aufgaben. Hier ist das Szenario.

Habe ich ein paar Beobachter, die auf den Feldern, die verwendet werden, um zu berechnen, eine "Summen" - Feld.

Alle diese Felder können manuell geändert werden, das löst die Uhren, die Berechnung der "Summen" - Feld.

Die Felder können auch geladen werden aus einem gespeicherten Zustand, der löst auch die Uhren, die Berechnung der "Summen" - Feld.

Den "Summen" - Feld kann auch manuell überschrieben, gespeichert und geladen werden.

Das problem tritt auf, wenn ein manuell überschrieben "Summen" - Feld geladen wird mit den anderen Feldern. Die Uhren, die Neuberechnung der "Summen" ausgelöst werden, und überschreiben Sie die manuell außer Kraft gesetzt "Summen".

Ich muss in der Lage sein, Sie zu ignorieren Uhren während der Belastung Auftritt. Gibt es eine Möglichkeit, um dieses?

Ich weiß, ein watcher kann deaktiviert werden mit der de-Registrierung-Funktion übergeben wird, zurück, wenn Sie erstellen eine Uhr, aber wenn Sie neu erstellen, der Wächter ist immer noch weiß, dass die Daten, die er beobachtete, hat sich geändert.

Hinweis: Dies ist eine grob vereinfachte Beschreibung der business-Logik rund um das Thema. Nicht deaktivieren können eine Uhr würde erfordern, eine erhebliche Menge an Arbeit.

Hier ist ein Turnschuh, die zeigen das problem: jsfiddle.net/vGWZy/1/

Gibt es einen Grund, Sie mit Uhren im besonderen? Von den Klängen der es, $scope sollte in der Lage sein zu kümmern, all dies. Vielleicht erstellen ein Turnschuh helfen.
Dies ist ein sehr großes Stück von business-Logik, und es gibt viele Möglichkeiten, die Daten zu ändern. Nicht mit Uhren wäre ein Albtraum. Ich werde sehen, ob ich können zusammen eine einfache Geige zu zeigen das Problem. Hatte gehofft, jemand hätte eine definitive Antwort auf die Frage, ob dies zumindest possple.
Ich denke, ein einfaches Beispiel, wenn möglich wäre wirklich hilfreich hier.
Hinzugefügt ein Turnschuh, um das Problem veranschaulichen. jsfiddle.net/vGWZy/1/
Sorry das ich ursprünglich falsch gepostet fiddle-link. Die jetzt aktualisiert wurde.
Die Geige scheint alle gut funktionieren. Was sind die Schritte, mit der Geige zu kommen auf das Problem (sorry das ich noch nicht ganz das problem zu verstehen). Auch haben Sie sich überlegt etwas zu tun, wie dies in der Ansicht: SaveTotal: {{saved.value1 * saved.value2}}?
Geben Sie 3 in das erste Feld ein, 3 in das zweite Feld ein. Die Summen sollten 9 sein. Anschließend überschreiben Sie die Summen-box durch Eingabe von 100 in es. Das Ergebnis speichern, wieder laden, und Sie lösten die insgesamt 100 und 9 zurück, wie die Berechnung ausgelöst wird. Ich weiß, das klingt lächerlich, business-Logik, sondern auch business-Logik ist nicht immer Logik berücksichtigt...
So etwas wie dieser behauptet, mit dem gespeicherten Wert von 100. jsfiddle.net/869qz

InformationsquelleAutor Conan Morris | 2014-01-23

Können Sie Ihre store watcher ' s Rückrufe und disabler im besonderen service, und verwenden Sie verbindlich und unverbindlich von Ihnen mit der service-Methode ist

Beispiel mit deinem code
http://jsfiddle.net/snicksnk/66osj8zm/

//Service for working with watcher's binding
var watchService = {
    watchers: {},
    create: function(name, callback){

        watchService.watchers[name] = 
        {
            'callback': callback,
            'disableCallback': null
        };
    },
    enable: function($scope, name){
        if (typeof watchService.watchers[name]['callback'] !== 'function'){
            return;
        }
        watchService.disable(name);
        var watcher = watchService.watchers[name]['callback'];
        watchService.watchers[name]['disableCallback'] = $scope.$watch(name, watcher, true);


    },
    disable: function(name){
        if (typeof watchService.watchers[name]['disableCallback'] !== 'function'){
            return;
        }
        watchService.watchers[name]['disableCallback']();
    }
};

//Creating of watcher's callbacks, instead of using $scope.$watch directly
watchService.create('item.value1',  function() {
    $scope.item.total = $scope.item.value1 * $scope.item.value2;
});


watchService.create('item.value2',  function() {
    $scope.item.total = $scope.item.value1 * $scope.item.value2;
});



//Wathcers enabler
$scope.enableWatchers = function(){
    watchService.enable($scope, 'item.value1');
    watchService.enable($scope, 'item.value2');
};

//Wathcers disable
$scope.disableWatchers = function(){
    watchService.disable('item.value1');
    watchService.disable('item.value2');
};

InformationsquelleAutor yurisnk

3

Beim aufrufen des $watch() Methode, um eine Bindung, Angular JS gibt eine "de-registration" - Funktion. Diese Funktion kann dann verwendet werden, um Ihre Bindung $watch () - listener - alle Sie tun müssen ist, aufrufen der zurück-Funktion und Ihre $watch () - listener entfernt werden.

JS:
```
var leaveWatcher = function() {
  $scope.$watch('selectedStatus', function(newValue, oldValue) {
    if (newValue[0] === "*") {
      .......
      leaveWatcher(); //Disable
    }
  });
};

leaveWatcher(); //Enable
```
http://www.bennadel.com/blog/2480-unbinding-watch-listeners-in-angularjs.htm

InformationsquelleAutor PAWAN RAJ Shakya

Möchten Sie vielleicht zu versuchen, mit ng-change das gewünschte Ergebnis zu erzielen.

Hier ist ein Beispiel verwendet ng-change zu nennen eine Funktion zum berechnen der Summe Wert.

Ansicht

<html ng-app>

  <head>
    <script data-require="[email protected]" data-semver="1.2.9" src="http://code.angularjs.org/1.2.9/angular.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body ng-controller="ExampleCtrl">
     <h1>Hello Plunker!</h1>

    <label>Value 1:</label><input type="number" ng-model="value1" ng-change="updateTotal()"><br />
    <label>Value 2:</label><input type="number" ng-model="value2" ng-change="updateTotal()"><br />
    <label>Value 3:</label><input type="number" ng-model="value3" ng-change="updateTotal()"><br />

    <label>Total:</label><input type="number" ng-model="total" placeholder="Total"><br />
  </body>

</html>

Controller

function ExampleCtrl($scope){
    $scope.value1 = 0;
    $scope.value2 = 0;
    $scope.value3 = 0;
    $scope.total = 0

    $scope.updateTotal = function(){
       $scope.total = $scope.value1 + $scope.value2 + $scope.value3;
   };
}

Dies ist irgendwie ein etwas triviales Beispiel, aber vielleicht könntest du es anpassen, um Ihre Bedürfnisse anzupassen.

Ich glaube nicht, dass ng-änderung funktionieren würde, wie sich die Werte ändern können, ohne dass Benutzereingaben erforderlich. Ich glaube, dass ng-ändern ist nur dann aktiviert, wenn der Nutzer ein update?
In welchen Fällen könnte es ändern?
Vorlagen geladen werden können, um vorab ausfüllen, Felder, gespeicherten Zustand geladen werden können, kann der Benutzer geben Sie in die Felder, und die Eingabe in ein Feld auslösen können updates auf einem anderen Feld.

InformationsquelleAutor Jonathan Palumbo

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.