The easy fix to allow your Web App to read remote json files from the server is to create the .htaccess file.
Create an `.htaccess` file and place it in the directory of the json files.
<Files "*.json"> Header set Access-Control-Allow-Origin "*" </Files>
Simply reload your app and it should work! good luck!
When testing Ionic or Angular app you might need to set CORS policy to access a service on a different domain. One way to do this in PHP for testing is to send OK responses for all OPTIONS requests. (If you are testing POST and GET requests)
In your php file set:
// change to your app origin
header('Access-Control-Allow-Origin: http://localhost:8100');
header ("Access-Control-Expose-Headers: Content-Length, X-JSON");
header ("Access-Control-Allow-Methods: GET, POST, PATCH, PUT, DELETE, OPTIONS");
header ("Access-Control-Allow-Headers: Content-Type, Authorization, Accept, Accept-Language, X-Authorization");
header('Access-Control-Max-Age: 86400');
if ($_SERVER['REQUEST_METHOD'] === 'OPTIONS') {
// The request is using the POST method
header("HTTP/1.1 200 OK");
return;
}
Don’t ship this test code, this is just for your internal testing of http requests.
How to mask and unmask input element password type in ionic/angular/js:
this.togglePasswordField = function () {
console.log("toggle password field called");
if (document.getElementById("passwordElement").type == "password") {
document.getElementById("passwordElement").type = "text";
document.getElementById("passwordHideIcon").classList.remove("ion-eye");
document.getElementById("passwordHideIcon").classList.add("ion-eye-disabled");
}
else {
document.getElementById("passwordElement").type = "password";
document.getElementById("passwordHideIcon").classList.remove("ion-eye-disabled");
document.getElementById("passwordHideIcon").classList.add("ion-eye");
}
}
This way only uses basic html element manipulation.
passwordHideIcon element is a button that calls the function and uses the ionic icon for eyes and eyes disabled.
To disable back button in Android put one of the codes below in your app.js in the .run function.
// app.js
// Disable Back in Entire App
$ionicPlatform.registerBackButtonAction(function(){
event.preventDefault();
}, 100);
Or Conditionally Disable Back:
// app.js
$ionicPlatform.registerBackButtonAction(function(){
if($ionicHistory.currentStateName === 'someStateName'){
event.preventDefault();
}else{
$ionicHistory.goBack();
}
}, 100);
How To Remove Empty Line from Ionic & Angular 1 List Select Options:
One solution is to make option hidden and use ng-if.
<select ng-options="option.value as option for option in optionArray">
<option value="" ng-if="false"></option>
</select>
For Angular above 1.4 use ng-show=”false” instead of ng-if.
To make the production and release version of Android app using Ionic run:
ionic cordova build ios --prod --release
This should run the same as the expanded version:
ionic cordova build ios --minifycss --optimizejs --minifyjs --release
You may need to run with sudo in front of the command if you have permission issues.
For iOS builds the –release flag does not seem to do anything in my testing. I could not find any official documentation explaining what this flag does to iOS builds.
For more detail visit the ionic documentation on building
https://ionicframework.com/docs/cli/commands/cordova-build
Explaining her actions, the girl said that she’d run into such pranks herself and thought it would be funny if someone clicked the link.
The Twitter user referenced in the message, 0_Infinity_, has a protected account, but the user left a message in their bio field suggesting that they don’t understand why there’s so much fuss about the script today, as it was written in 2014.
To protest the actions of the Japanese police and the absurdity of calling this act a crime, Tokyo developer Kimikazu Kato has published on GitHub a project called Let’s Get Arrested. Forking the project and then creating a branch named gh-pages will create a simple GitHub-hosted website that contains nothing but the infinitely looped alert, putting criminality at our fingertips.
for ( ; ; ) {
window.alert(" ∧_∧ ババババ\n（ ・ω・)=つ≡つ\n（っ ≡つ=つ\n`/ )\n(ノΠＵ\n何回閉じても無駄ですよ～ww\nm9（＾Д＾）プギャー！！\n byソル (@0_Infinity_)")
}
Calling her a criminal is totally absurd.
Recently I ran into an issue using the PdfMake on Ionic 1 on iOS. It works fine on the browser with a simple download or open command but not on the actual device.
cordova.plugins.fileOpener2
cordova-plugin-file
<script src='build/pdfmake.min.js'></script>
<script src='build/vfs_fonts.js'></script>
var self = this ; // defined on top of the file var docDefinition = { content: 'This is an sample PDF printed with pdfMake' }; self.pdfObj = pdfMake.createPdf(docDefinition); if (window.cordova) { self.pdfObj.getBuffer(function (buffer) { var blob = new Blob([buffer], { type: 'application/pdf' }); // Save the PDF to the data Directory of our App $cordovaFile.writeFile(cordova.file.dataDirectory, 'myletter.pdf', blob, { replace: true }).then(function () { // Open the PDf with the correct OS tools cordova.plugins.fileOpener2.open(cordova.file.dataDirectory + 'myletter.pdf', 'application/pdf'); }) }); }Setup Config.xml
In your config.xml make sure you have the file settings
<preference name="AndroidPersistentFileLocation" value="Compatibility" /><preference name="iosPersistentFileLocation" value="Library" />