View doesn't render in locked Screen Orientation

I’m having an issue where I’m locking my screen orientation into landscape for a specific page that I’m rendering. If I’m in portrait when the page is rendered, it’s rendered in portrait mode. Yes, the screen orientation is locked in landscape and if I move my device into landscape it properly shows in landscape and stays there no matter what I do with the device. I’d like to render the view already in landscape. Any suggestions?

My Ionic info:

Cordova CLI: 6.4.0
Ionic Framework Version: 2.2.0
Ionic CLI Version: 2.1.14
Ionic App Lib Version: 2.1.7
Ionic App Scripts Version: 1.1.4
ios-deploy version: Not installed
ios-sim version: 5.0.13
OS: macOS Sierra
Node Version: v7.2.1
Xcode version: Xcode 8.2.1 Build version 8C1002

– edit
After modifying some of my code I’m able to get this to work correctly with Android devices. With IOS devices I’m still having an issue with the page rendering in the forced landscape mode.

relevant code

constructor(private _platform: Platform,
private screenOrientation: ScreenOrientation
) {
_platform.ready().then(() => {
screenOrientation.lock(‘landscape’);
});

It’s just with IOS that won’t force render in landscape. The orientation is locked. If I move the device to landscape, it changes and will not change out of landscape no matter what I do. It just doesn’t initially render in landscape. I need to be able to force it to render in landscape.

Thanks