AngularJS: Wie soll ich update-eine Eigenschaft auf einer gelöst Versprechen im inneren meiner Uhr listener?

Betrachten diese Plunkr.

Im inneren meiner Uhr Zuhörer, ich möchte ein update-Eigenschaft auf eine gelöst Versprechen.

  • Ist es richtig, ändern die Werte auf die $$v Eigenschaft?
  • Wenn nicht, dann was soll ich tun?

Hier ist der HTML:

<!DOCTYPE html>
<html id="ng-app" ng-app="myAngularApp">

  <head>
    <script data-require="angular.js@*" data-semver="1.2.0-rc2" src="http://code.angularjs.org/1.2.0-rc.2/angular.js"></script>
    <script src="script.js"></script>
  </head>

  <body ng-controller="MyController">
    <input ng-model="myDto.Weight" />{{myDto.Status}}
  </body>

</html>

Hier ist das JavaScript:

var myDto = {Weight: 200, Status: 'Acceptable'};

var myAngularApp = angular.module('myAngularApp', []);

myAngularApp.factory('myService', function($q){
  return {
    getMyDto: function(){
      var deferred = $q.defer();
      deferred.resolve(myDto);
      return deferred.promise;
    }
  };
});

myAngularApp.controller('MyController', function MyController($scope, myService){
  $scope.myDto = myService.getMyDto();
  $scope.$watch('myDto.Weight', function(newVal, oldVal){
    if (newVal < 150) {
      $scope.myDto.$$v.Status = 'Too Light!'; //Is this the recommended way of doing it?
    }
    else if (500 < newVal) {
      $scope.myDto.$$v.Status = 'Too Heavy!';
    }
    else if (Number(newVal)) {
      $scope.myDto.$$v.Status = 'Acceptable';
    }
    else {
      $scope.myDto.$$v.Status = 'Not a number!';
    }
  });
});
  • Die anderen, Antworten machen einen guten job der Beantwortung dieser spezifischen Frage; es sollte jedoch darauf hingewiesen werden, dass eine variable oder Eigenschaft in Eckige vorangestellt $$ ist eine private variable und sollte nicht geändert werden, oder Sie abhängt.
  • Ich vermutete, so viel, aber ich fühle mich wie der AngularJS Dokumentation nennen soll dies ausdrücklich irgendwo, und die Leute sagen, was zu tun ist, anstatt.
InformationsquelleAutor Jim G. | 2013-09-07
  1. 8

    Ich würde nicht ändern $$v direkt, es ist eine Implementierung detail. Verwenden Sie stattdessen then um das Ergebnis der Versprechen, dann verwenden Sie es wie Sie wollen. Das erfordert nur minimale änderungen an Ihrem code.

    Demo-link

    myAngularApp.controller('MyController', function MyController($scope, myService){
  ($scope.myDto = myService.getMyDto()).then(function(myDto) {
    $scope.$watch('myDto.Weight', function(newVal, oldVal){
      if (newVal < 150) {
        myDto.Status = 'Too Light!'; //Is this the recommended way of doing it?
      }
      else if (500 < newVal) {
        myDto.Status = 'Too Heavy!';
      }
      else if (Number(newVal)) {
        myDto.Status = 'Acceptable';
      }
      else {
        myDto.Status = 'Not a number!';
      }
    });
  });
});
    • Danke Buu! Dies war das Stück, das ich brauchte, um meine Uhr auf ein Versprechen, variable von einer Funktion zurückgegeben, um zu arbeiten in meinem code... Genial!
    • du bist willkommen, schön, dass es hilft 🙂
    InformationsquelleAutor Buu Nguyen
  2. 3

    Es ist ein wenig seltsam zu ändern, die Versprechen seit ein Versprechen darstellt, das Ergebnis einer Aktion, die asynchron durchgeführt. Es ist eigenständig.

    Ich denke, dass es besser ist, fügen Sie eine weitere service-Funktion, um die Daten zu aktualisieren den status. Versuchen Sie, diese

    myAngularApp.factory('myService', function ($q) {
    var deferred = $q.defer();
    return {
        getMyDto: function () {
            deferred.resolve(myDto);
            return deferred.promise;
        },
        updateStatus: function (status) {
            myDto.Status = status;
            deferred.resolve(myDto);
            return deferred.promise;
        }
    };
});

myAngularApp.controller('MyController', function MyController($scope, myService) {
    $scope.myDto = myService.getMyDto();
    $scope.$watch('myDto.Weight', function (newVal, oldVal) {
        if (newVal < 150) {
            myService.updateStatus('Too Light!');
        } else if (500 < newVal) {
            myService.updateStatus('Too Heavy!');
        } else if (Number(newVal)) {
            myService.updateStatus('Acceptable');
        } else {
            myService.updateStatus('Not a number!');
        }
    });
});

    Aktualisiert Plunker

    • Interessant. Es sieht aus wie Sie halten den Staat in den Dienst, und ich habe gesehen, andere Leute empfehlen das gleiche zu tun.
    • Technisch können Sie die Daten überall. Allerdings sollte man den service selbst enthalten, und es ist mehr testbar und leicht zu pflegen. Und du solltest besser eine Funktion verwenden, rufen Sie zum aktualisieren der Daten, nicht die Art und Weise veranschaulicht, in der anderen Antwort.
    • Wenn die Ansicht verändert sich das Gewicht direkt, warum ist es schlecht, der controller update-Status? Es entsteht eine völlig neue Methode in der service nur zu modifizieren, ausgesetzt Eigenschaft, fühlt es sich nicht wie bei JavaScript (oder AngularJS) zu mir.
    • in Ihrem code myDto ist ein Versprechen also, wo ist der Unterschied zum OPs-code?
    InformationsquelleAutor zs2020
Schreibe einen Kommentar