写真 2015-08-04 10 15 10

AngularJSのカスタムディレクティブを使い、resizeイベントが発火した場合、scope.$broadcast(“resize”)を呼び出し、コントローラに通知します。

■JavaScript
[javascript]
var app = ons.bootstrap(“myApp”, [“onsen”]);

app.directive(“resize”, function($window) {
return {
restrict: “EA”,
link: function(scope) {
angular.element($window).on(“resize”, function(e) {
scope.$broadcast(“resize”);
});
}
};
});

app.controller(“testController”, function($scope) {
// 回転検知
$scope.$on(“resize”, function(e) {
//ここに処理を記述する
});
});
[/javascript]
■HTML
[html]


[/html]

Recommended Posts