Nicht eckig.equals () - Arbeit als Winkel Ausdrücken?

Ich versuche, die Anzeige ein div, wenn ein Objekt nicht leer ist. Mit diese Antwort, ich versuche zu verwenden angular.equals zu überprüfen, emptyness, die aber nicht verhält wie erwartet

JS:

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

test.controller('testCtrl', ['$scope', function($scope){
  $scope.foo={};
  $scope.bar="bam"
}]);

HTML:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="test">
  <div ng-controller="testCtrl">
    <div ng-show="!angular.equals(foo,{})">{{bar}}</div>
  </div>
</div>

Hierbei besteht die Erwartung, dass der Wert der bar wird nur angezeigt, wenn foo ist nicht gleich ein leeres Objekt. Allerdings foo ist eindeutig {} und noch bar noch zeigt.

InformationsquelleAutor David Grinberg | 2014-11-14
  1. 9

    Wenn Sie möchten, um Zugriff auf die angular Objekt aus Vorlagen oder Ausdrücke, die Sie haben, um es auf den Bereich, wo Sie wollen, es zu benutzen. In diesem Fall können Sie es auf die testCtrl's scope.

    JS:

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

test.controller('testCtrl', ['$scope', function($scope){
  $scope.angular = angular;
  $scope.foo={};
  $scope.bar="bam"
}]);

    HTML:

    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="test">
  <div ng-controller="testCtrl">
    <div ng-show="!angular.equals(foo,{})">{{bar}}</div>
  </div>
</div>

    Ich in der Regel setzen utility-Objekte, die auf $rootScope, also sind Sie verfügbar, von überall.

    • Können Sie den Zugang rootscope aus kantigem Ausdruck?
    • Sie können Zugriff auf alles definiert, auf die rootscope aus kantigem Ausdruck, plus alle anderen Bereiche Erben von der rootscope. Wenn Sie die JS zu tun $rootScope.angular = angular; das Beispiel in der Antwort wird dasselbe Verhalten.
    InformationsquelleAutor Philipp Gayret
  2. 6

    Ein sauberer Weg wäre, um nur fügen Sie die eckigen equals-Methode, um die $scope:

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

test.controller('testCtrl', ['$scope', function($scope){
   $scope.angularEquals = angular.equals;
}

    Dann können Sie die equals-Methode in der Vorlage, wie:

    <div ng-show="!angularEquals(foo,{})">{{bar}}</div>
    • Jeder Nachteil hat das? Ich meine, warum ist es nicht bereits da scheint es so üblich ist?
    • Nein, kein Nachteil. Die Eckige equals-Methode ist nicht der Anwendungsbereich von Standard zu halten, der Spielraum klein und die meisten der Zeit, die das javascript gleich aus.
    InformationsquelleAutor Bennie Krijger
  3. 4

    Ihre Ansicht ist auf der Suche nach einer Funktion, die auf den Umfang und die $scope.angular.equals existiert nicht. Sie müssen schreiben wie dieses:

    JS:

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

test.controller('testCtrl', ['$scope',
  function($scope) {
    $scope.foo = {};
    $scope.bar = "bam";
    $scope.isEmpty = function(obj) {
      return angular.equals(obj,{});
    };
  }
]);

    HTML:

    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="test">
  <div ng-controller="testCtrl">
    <div ng-hide="isEmpty(foo)">{{bar}}</div>
  </div>
</div>

    InformationsquelleAutor Blazemonger
  4. -1

    Winkel-Funktionen können nicht verwendet werden, inline, AFAIK.
    Sie konnten den gleichen check mit eine Funktion in der Steuerung statt und das Ergebnis zurückgeben.

    InformationsquelleAutor Viktor
Schreibe einen Kommentar