Navigate between Views using CSS

Something like this should work:

window.addEventListener("orientationchange", function() {
 alert("rotate!");

 var width = window.innerWidth;
 var height = window.innerHeight;
 // assume your two views are named "Portrait" and "Landscape"
 if(width > height) {
 $scope.app.fn.navigate("Landscape");
 }
 else {
 $scope.app.fn.navigate("Portrait");
 }
});

Note that you'll only want to add this once, in your initial view, since it attaches to the top level window object, and it will trigger no matter which view is active. You don't need separate copies in each view.js panel.