2015-07-01 1 views
0
angular.module(module.name).directive(current.name, ['$timeout', function (timeout) { 
return { 
    restrict: 'A', 

    link: function (scope, element, attrs) { 
     element[0].style.margin = '0.1px'; 

     timeout(function() { 
      element[0].style.margin = '0px'; 
     }, 3000); 
    } 
} 
}]); 

выше угловой кодом является то, что я написал так, когда браузер загружает это будет перекрашивать браузер после того, как показать содержимое на одной странице приложение правильно. Однако я пришел к другому вопросу, когда мне нужно сделать это на Resize.Угловое, как реализовать код ниже на изменении размера, а также от нагрузки

Я хочу, чтобы иметь возможность использовать ту же функцию ниже и добавить к ней размер. Я немного потерял, если я могу добавить к нему размер или мне нужно написать другой скрипт.

Я все еще сжимаю углы, поэтому я ищу ответ, который объяснит это правильно и что будет лучшей практикой для того, что я хочу.

+0

Вы можете слушать 'resize' события на окне, или использовать что-то вроде [ngResize] (https: // github.com/danmasta/ngResize) –

+0

Да, я должен был упомянуть, что я действительно знаю, что мне нужно использовать $ window и изменять размер, но я не уверен, как реализовать это с помощью приведенного выше кода. –

+0

В этом сообщении http: // stackoverflow.com/questions/23044338/window-resize-directive, первый ответ имеет хороший jsfiddle, который демонстрирует директиву и событие 'resize': http://jsfiddle.net/zbjLh/270/ –

ответ

0

Вы хотите нанести на него любое изменение размера окна или чуть ниже определенного соотношения/размера?

Если вы хотите на любом изменении размеров окна, посмотрите на эту JSFiddle

scope.$watch(scope.getWindowDimensions, function (newValue, oldValue) {... 
+0

Хотя это было не то, что я хотел, чтобы я t дал мне хорошее представление о том, что мне нужно было сделать, поэтому я дал вам зеленый тик. –

Смежные вопросы