ウィンドウサイズがリサイズされたときに別の関数を呼び出す

-1

イメージアルバムを表示する必要があります。まで@media要素width 700px私はスライドごとに3つの画像を表示することができます@media width :700px私はスライドごとに1画像を表示する必要があります。ウィンドウサイズがリサイズされたときに別の関数を呼び出す

スライドあたり3画像を表示するために、私はこのためにyou.:).Tryのために働く可能性のあるコードの後にバックエンド

$scope.imagemaindiv = [{ 
    'img': "image1.png", 
    "id": 1 
}, { 
    'img': "image2.png", 
    "id": 2 
}, { 
    'img': "image3.png", 
    "id": 3 
}, { 
    'img': "image4.png", 
    "id": 4 
}, { 
    'img': "image5.png", 
    "id": 5 
}, { 
    'img': "image6.png", 
    "id": 6 
}] 
$scope._firstImgIndex = 0; 
$scope._lastImgIndex = 2; 
$scope.showFilteredImages = function() { 
    $scope.filteredImages = []; 
    for (var i = $scope._firstImgIndex; i <= $scope._lastImgIndex; i++) { 
     $scope.filteredImages.push($scope.imagemaindiv[i]); 
    } 
};

出典

2017-07-06 Nicoleta Wilskon

このコードを試してみてください、この事を行うのですプラスあなたはそれが唯一の –

からすべてのイメージを持つことになります機能showfilteredImages();

$scope.imagemaindiv

を書かれました。

var data=angular.element($window); 
data.bind('resize',function(){ 

//call your another function here: 

});

出典

2017-07-06 06:31:38

あなたは、ブートストラップを使用することができます

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

    <head> 
    <meta charset="utf-8" /> 

    <script>document.write('<base href="' + document.location + '" />');</script> 
    <link rel="stylesheet" href="style.css" /> 
    <script data-require="[email protected]" src="https://code.angularjs.org/1.4.3/angular.js" data-semver="1.4.3"></script> 
    <script src="app.js"></script> 
    </head> 

    <body> 
    <my-directive></my-directive> 
    </body> 

</html>

app.js

'use strict'; 

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

app.directive('myDirective', ['$window', function ($window) { 

    return { 
     link: link, 
     restrict: 'E', 
     template: '<div>window size: {{width}}px</div>' 
    }; 

    function link(scope, element, attrs){ 

     scope.width = $window.innerWidth; 

     angular.element($window).bind('resize', function(){ 
     alert(); 
     scope.width = $window.innerWidth; 

     // manuall $digest required as resize event 
     // is outside of angular 
     scope.$digest(); 
     }); 

    } 

}]);

出典

2017-07-06 06:34:31

これが表示されますJSを府何をする必要がありますウィンドウのサイズを変更するときに警告する –

ウィンドウサイズがリサイズされたときに別の関数を呼び出す

答えて

関連する問題