AngularJS - ウィンドウのサイズ変更時にng-repeatで行を繰り返す方法

Question

thisを使用して、col- *からng repeatの後に行を繰り返す。

今、この一歩取ると、私は、コントローラ内$(window).width()と分裂を扱うしたいと思いますが、私はそうやって達成することができませんでし追加のコードを処理するために...ここで

は何IのPlunker demoですやりました。私は今のところ働いていないifの状態をコメントしました。

誰も私を助けてくれますか？あなたはjQueryを使って、ウィンドウのサイズ変更イベントを監視する必要があり

Answer 1

が、これはあなたが

$(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

あなたが設定するために、全体として角度、jQueryとJavaScriptを使用する必要はありません必要なものです異なる解像度で表示されるアイテムの数。これはCSSの問題です。
さらに、directiveの角度でjQueryを使用できますが、controllerでは使用できません。コントローラはDOM操作のためには使用されていませんが、特定のモジュールのビジネスロジックでなければなりません。
Angularにはビルドインangular.elementがあります（jQueryが利用可能な場合）。これはjQuery関数のエイリアスです。生のDOM要素またはHTML文字列をjQuery要素としてラップします。 jQueryが利用できない場合はangular.elementが、jQuery liteまたはjqLiteと呼ばれるAngularJSの組み込みjQueryサブセットに代理人を送ります。
jQueryの使用に関する詳細は、角度hereで読むことができます。

$window 

ブラウザのwindowオブジェクトへの参照角度サービスです。コントローラの機能で使用するには、コントローラに注入する必要があります。