AngularJS - Wie wiederhole ich Zeilen in ng-Repeat bei Fenstergröße

Question

Ich verwende this, um Zeilen nach col * aus ng Wiederholung zu wiederholen.

nun noch einen Schritt weiter gehen und einen zusätzlichen Code behandelt Ich mag würde die Spaltung mit $(window).width() innerhalb der Steuerung zu handhaben, aber ich konnte nicht erreichen, so zu tun ...

Hier Plunker demo von dem, was ich 'habe getan. Ich habe die if Bedingung kommentiert, die für jetzt nicht arbeitet.

Kann mir bitte jemand helfen?

Answer 1

Sie müssen das Fenster Resize-Ereignis mit Jquery sehen, das ist, was Sie brauchen

$(window).resize(function(){ 


    $scope.$apply(function(){ 
     if ($(window).width() >= 990){ 
     $scope.teamMembers = $scope.chunk($scope.allMembers, 4); 
    } else if ($(window).width() <= 991) { 
     $scope.teamMembers = $scope.chunk($scope.allMembers, 2); 
     } 
    }); 
    }); 

Plnkr

Answer 2

Sie nicht eckig, jQuery und JavaScript als Ganzes verwenden müssen, bis zur Einstellung die Anzahl der Elemente, die auf einer anderen Auflösung angezeigt werden. Dies ist ein CSS-Problem.
Außerdem können Sie jQuery in Angular in einem directive, nicht in der controller verwenden. Der Controller wird nicht für DOM-Manipulationen verwendet, da er die Geschäftslogik für ein bestimmtes Modul sein muss.
Angular hat ein eingebautes angular.element welches (falls jQuery verfügbar ist) ein Alias ​​für die jQuery Funktion ist. Es umschließt ein rohes DOM-Element oder eine HTML-Zeichenfolge als jQuery-Element. Wenn jQuery nicht verfügbar ist, delegiert angular.element an AngularJSs integrierte Teilmenge von jQuery mit der Bezeichnung jQuery lite oder jqLite.
Sie können weitere Informationen zur Verwendung von jQuery in Angular here lesen.

$window 

ist Angular Dienst der Bezug auf die window Objekt des Browsers. Sie sollten es in den Controller injizieren, um es in den Funktionen Ihres Controllers zu verwenden.