Found in the project Android and iOS in the phone status bar style is not the same, and then found that there is a Cordova plug-in can solve the problem1. Download plugins$cordovaStatusbar命令:cordova plugin add https://github.com/apache/cordova-plugin-statusbar.git2. Configure the following in config: Change this configuration to:3. Inside the App.js, as follows:Determine whether the phone is Android or iOS to define a different style, my this is on Android and iOS are background color black, th
Upgrade the app through the update file, if encountered such as update plug-ins and other issues, the previous article is not resolved, so in order to solve this problem, you need to download APK file upgrade app.1. The configuration file is as follows: {' appversion ': ' 1.0.0 ', ' content ': ' 1. Update the app info show 2. Installing Ngcordova,:https://github.com/driftyco/ng-cordova
Copy the Ng-cordova.js to your Lib folder, and then introduce the Cordova.js file in the
Use $ionicActionSheet when the interface is not as neat as Ihpnoe mobile phone, but in the Computer browser is good, the reason or ionic to bring CSS problems, the answer is IONIC.MIN.CSS/IONIC.CSS on the internetAndroid has native settings, and if not, remove the associated CSS./* . platform-android. action-sheet-backdrop.active { Background-color:rgba (0, 0, 0, 0.2);}. Platform-android. action-sheet { margin:0;} . Platform-android. Action-sheet.
observe and check various instruments and alarm devices, smell by smelling, and identify the oil circuit, circuits, transmission, clutch device fault, found that abnormal phenomenon should be promptly excluded orProcessing. \u003cbr/\u003e \u0026nbsp;\u0026nbsp;\u0026nbsp; (Two "}]}2. Remove the HTML file:$scope. content= $sce. trustashtml (Data[0]. Content);3. On the Templates page:style= "WIDTH:80%;MARGIN:AUTO;TEXT-INDENT:2REM;LINE-HEIGHT:2REM;" ng-bind-html = "Content" > P >
Recently in the Update app, found in the Huawei mobile phone reported this error, a bit confused, looking for data analysis, presumably because the program loading index.html Web pages, loading of excessive resources, resulting in time-out,This time cause analysis https://stackoverflow.com/questions/12319809/ Application-error-the-connection-to-the-server-was-unsuccessful-file-andrThe specific solution is to add the following delay settings to the CONFIG. s file: "
loadurltimeoutvalue" value
First enter the \platforms\android directory to generate a KeyStore file:Keytool-genkey-alias mykey-keyalg rsa-validity 40000-keystore demo.keystoreCreate a new file in this directory: Release-signing.properties, with the content:Signingconfigs { Release { keyalias =mykey storepassword =1234568 Keypassword =1234568 StoreFile =demo.keystore }}To perform a packaging operation:Ionic Cordova Build Android--prod–releaseWill generate android-release.apkSignature
Scenario Description:
Click Test Device 1 to jump to the device Details page, hide the bottom title bar Ion-tabs on the device Details page, and display the bottom title bar when the page is returned from the device Details page to the home page.
Specific steps:
1. Add after Ion-tabs
ng-class="{' tabs-item-hide '$root. Hidetabs }"
2. Add in App.js
. directive (' ShowTabs '($rootScope) {
{
restrict' A ',
($scope, $el) {
$rootScope. false;}}
)
. Directive (' Hidetabs '($rootS
Use ionic to do hybrid app development, the first thing to encounter is how to achieve page jump, the general will encounter the following problems: 1. A tab navigation, to achieve level two, multi-level page jump eg: "I" page, go to the next level "set"You need to jump using state, Step: 1. In App.js, add a new state to your Moudle
Note: (1) Your homepage State is tab, your next level is tab.setting, tab. Indicates that this status page is the ne
Yesterday was ionic and SQLite toss a day, how can not realize read, later discovered, originally is Codova in the Sqliteplugin version problem.Problem: Database location or iosdatabaselocation value was now mandatory in OpenDatabase call, http://172.20.10.5:8100/plugins/ Cordova-sqlite-storage/www/sqliteplugin.js, line:562Workaround:Cordova Plugin RM cordova-sqlite-storageCordova plugin Add [email protected]Also available throughIonic emulate IOS-LCV
Ionic is an open source HTML5 Mobile Development Framework that builds beautiful, cross-platform, mixed-mode apps based on HTML, JavaScript, and CSS, and integrates well with AngularJS . Currently the best supported platforms are IOS 7+ and Android 4.1+.Official website GitHub Related articles that may be of interest to you
The JQuery effect "attached source" is very useful in website development
Share 35 amazing CSS3 animation effects Demo
-exit when deciding which page to be in if($location. Path () = = '/tab/home ') { if($rootScope. backbuttonpressedoncetoexit) {ionic. Platform.exitapp (); } Else{$rootScope. backbuttonpressedoncetoexit=true; Cordova.plugins.Toast.showShortTop (' Press again to exit the system '); SetTimeout (function() {$rootScope. Backbuttonpressedoncetoexit=false; }, 2000); } }
Ion-spinnerIonspinner provides a number of animated icons for rotating loads. When your interface loads, you can present the appropriate load icon to the user.The icon uses SVG.?InstanceHTML Codeion-contentScroll= "false"class= "Has-header"> P> Ion-spinnericon= "Android">Ion-spinner> Ion-spinnericon= "ios">Ion-spinner> Ion-spinnericon= "Ios-small">Ion-spinner> Ion-spinnericon= "Bubbles"class= "spinner-balanced">Ion-spinner> Ion-spinnericon= "Circles"class= "Spinner-energized">Ion
Current environment1. Ant version is 1.9.42, the JDK version is 1.73, ionic installation version is 1.5.54, Cordova version is 5.1.1After testing, although ionic above the minimum version of support written above is android-16, but I release the minimum support android-17,android-16 each time the compilation fails, do not know whether the environment is a problem.Modify the release version of Android to mod
Ionic build apk Use the build command to download the Gradle-2.2.1-all.zip card, solutionUse Ionic build android command directly, auto download Gradle-2.2.1-all.zip super slowThen find the following solution1, first download good Gradle-2.2.1-all.zip package, put in Myapp\platforms\android\gradle folder2. Open Myapp\platforms\android\cordova\lib\builders\gradlebuilder.js File3. Find the Cordova_android_gra
. Col: The default fixed width column is in the Ionic grid, and the columns of each row are equal width by default, making it easy to implement an image-browsing interface. is the Instagram app: instagram Ionic. Col: Default fixed-width column
Icture, scan a barcode, upload a file, turn on your flashlight, get your current location, and much more with just a few l Ines of code.
3. Join Ng-cordova.min.jsDownload the latest version of Ngcordova and copy the ng-cordova.min.js to the WWW/JS directory of your project.References in index.html:Modify the configuration to inject Ngcordova into the angularvar exampleApp = angular.module(‘starter‘, [‘ionic‘,‘ngCordova‘])4. Write Controller (app
Recently the company is using ionic to do micro-station, the project inevitably encountered some problems. This is summarized as follows:1. Change the Slidebox dynamically binding the picture, the page will show a blank, change the window size, the picture is out, the dynamic binding of the picture, you need to manually redraw the page , that is called $ionicSlideBoxDelegate. Update () method.
2.
Sidemenucontrol, click on the menu to click on
() {$ Cordovaplugin.somefunction (). Then false); // OR with Ionic$ionicPlatform. Ready (function() {$cordovaPlugin. SomeFunction (). Then (success, error);});You can then add the plug-in to the project with the following commandCordova Plugin Add ...At this point Ngcordova installation is successful, the tutorial on plugin, see official website: You can then add the plugin to the project by using the following command:http://ngcordova.com/docs/p
first, the problem arisesRecently I found that before the development and normal ionic can be used in Google browser debugging, but if added Ng-cordova these features debugging is very troublesome, I need to pack the APK, install the APK, error does not know where, and then modify the code, package apk, install APK , this is too troublesome, the friends in the group provide a way to debug Ng-cordova These plugins, I write down as a record.second, the
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.