Ionic: ScreenOrientation to Portrait - ios

Question

I am developing an Ionic-App and I want to set the Screen Orientation to Portrait.
and I know I could set it with this:
<preference name="orientation" value="portrait" />
but this isn't working,
I found a cordova plugin called screen-orientation-plugin but this is not working too. Do you have any another solution for this? Or Can anyone explain me how these 2 methods are working correctly?
.config(function($ionicConfigProvider, $stateProvider, $urlRouterProvider, $compileProvider) {
document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
$scope.changeOriantationPortrait = function() {
screen.lockOrientation('portrait');
}
changeOriantationPortrait();
}

Answer 1

I have used this plugin for my project and it is worked perfectly
cordova plugin add net.yoik.cordova.plugins.screenorientation
Controller
document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
$scope.changeOriantationLandspace = function() {
screen.lockOrientation('landscape');
}
$scope.changeOriantationPortrait = function() {
screen.lockOrientation('portrait');
}
}
HTML
<button class="button button-full button-positive " ng-click="changeOriantationLandspace()">Change To Landspace Mode</button>
<br/>
<button class="button button-full button-positive " ng-click="changeOriantationPortrait ()">Change To Portrait Mode</button>
Reference