Ionic Content Dragging can be quite annoying if you have a lot of content on a page and you accidentally show the side menu when you don’t want to.
Add this to your controller:
$ionicSideMenuDelegate.canDragContent(false);
Make sure you add $ionicSideMenuDelegate to your controller injector.
This was a thing I had to look up on stack-overflow.
this.forceSSL = function () {
if ($location.protocol() !== 'https') {
$window.location.href = $location.absUrl().replace('http', 'https');
}
};
this.forceSSL();
You can put this function in your service file and then call it every time a page loads.
If you got this CORS issue in node.js and express you need to add this to do the following:
npm install cors --save
var express = require('express')
, cors = require('cors')
, app = express();
app.use(cors());
Read more at https://github.com/expressjs/cors
This is rather simple: Inject the $ionicSideMenuDelegate in your controller like this:
.controller('myCtrl', function($scope, $ionicSideMenuDelegate) {})
And then you can open the side menu with:
$ionicSideMenuDelegate.toggleLeft();
If you got this issue in Ionic:
Origin http://localhost:8100 is not allowed by Access-Control-Allow-Origin.
It is because you are running node.js and ionic serve project on localhost and trying to access two different ports which causes a cross origin access error.
To fix this simply edit your ionic.project file to map out the linking like this:
{
"name": "proxy-example",
"app_id": "",
"proxies": [
{
"path": "/signUp",
"proxyUrl": "http://localhost:3000/signUp"
},
{
"path": "/checkSession",
"proxyUrl": "http://localhost:3000/checkSession"
},
{
"path": "/login",
"proxyUrl": "http://localhost:3000/login"
},
{
"path": "/logout",
"proxyUrl": "http://localhost:3000/logout"
}
]
}
Now in your Ionic project you can call localhost:8100/login for example and it will call localhost:3000/login which the port node.js server is running on.
If you are only making a web app for the browser and not running as a native app, then you can just move the angular portion of the code into the server part.
Copy the /www folder from your frontend into the server /public folder. You can then access your UI from http://localhost:3000.
I hope this makes sense to you.
Recently I had the trouble of changing the default radio checkbox in ionic. Here is the CSS of how to do this:
.list .item-radio .item-content {
background-color: black;
color: white;
}
.list .item-radio .radio-icon {
background-color: black;
color: white;
}
.item-radio input:checked + .radio-content .item-content {
/* style the item content when its checked */
background: black;
}