Я хочу обновить какое-то выражение всякий раз, когда изменяется размер окна. Ниже моя директива показывает, что я пробовал.Ссылка на параметр в angularjs
SCRIPT
var app = angular.module("myApp", []);
app.controller("validate", function($scope, $window) {
$scope.outp = "hello";
});
app.directive("responsive", function($window) {
return {
resterict: "AE",
link: function cLink(scope, element, attrs) {
console.log(element);
scope.widthe = ($window).outerWidth;
//scope.$watch("widthe",function(newValue, oldValue){
//scope.chnage = newValue;
//});
element.bind("resize", function() {
console.log("called");
scope.$apply();
});
}
}
});
HTML
<body ng-app="myApp">
<div ng-controller="validate" responsive>
<div style="border:solid;width:500px;height:500px;">
<div>present width is {{width}}</div>
<div>{{chnage}}</div>
<button id="clicks">click me</button>
</div>
</div>
</body>
Используя приведенный выше код, я не в состоянии связать размер событие с элементом. Я хочу обновлять ширину при каждом изменении размера окна. Не могли бы вы помочь мне найти решение на нем с предложениями по рефакторингу кода.
Справка была бы оценена. Заранее спасибо!!
just do window.onresize https://developer.mozilla.org/en-US/docs/Web/API/Window.onresize –
@DayanMorenoLeon Вы правы, я просто предлагаю использовать сервис '$ window' вместо 'window' –