Questions tagged [ionic-framework]

Ionic is a front-end framework for developing native-feeling hybrid mobile apps with HTML and Sass. Traditionally, it runs on top of Cordova and Angular, but since Ionic 4 it supports Angular, React, Vue.js and Web Components running on top of Cordova or Capacitor.

ionic-framework
Filter by
Sorted by
Tagged with
0 votes
1 answer
3k views

Ionic toggle checkboxes with 2 colors

I'm trying to figure out how (and if) I can use 2 colors for an ionic toggle checkbox, so that for instance unselected will be toggle-assertive and selected will be toggle-balanced, all functional ...
Maboo's user avatar
  • 425
0 votes
0 answers
75 views

Android device >4.3 doesnt fire ng-show validations on Ionic App

I am currently building an Ionic App and testing it out with genymotion emulator and I found out an issue. With Android devices that is 4.3 and below, my ng-show expressions work fine and show when ...
Kingsley Simon's user avatar
1 vote
1 answer
1k views

Crosswalk cannot access localStorage

I am using Crosswalk in my ionic app to boost performance on Android devices. The problem I have is that Crosswalk does not seem to be able to read values I set in localStorage. When I removed ...
Akinkunle Allen's user avatar
3 votes
4 answers
11k views

How to get the device's uuid and model information in ionic based App?

I have this piece of code in order to recognize/get the device information. ionic.Platform.ready(function() { // will execute when device is ready, or immediately if the device is already ready. ...
Shaggie's user avatar
  • 1,819
0 votes
1 answer
774 views

Infinite scroll with $http get in ionic framework

I just need to do an ajax infinite scroll in my application, so I used infinite scroll in ionic framework. My jquery controller code. $scope.moredata = false; $scope.page = 1; $scope.loadMoreData=...
PraveenKumar's user avatar
3 votes
1 answer
287 views

Pull to refresh data duplication

I am creating an Ionic application that is pulling articles from a joomla K2 website. I am using $http and just ending my url off with '?format=json' and that is working perfectly. However the website ...
letterman549's user avatar
9 votes
1 answer
1k views

Cordova based project to Fabric

I am searching for "Crash Analytics and Monitoring tools" for my Cordova (Ionic) based project. There is a cordova-fabric-io-plugin on Github https://github.com/engincancan/cordova-fabric-io-plugin. ...
Vinay Singh's user avatar
1 vote
1 answer
194 views

Post request gives error on submitting forms data to server

I have a form whose data I am submitting to server through post request. Here is my request code in controller: $scope.submitFormData = function (obj, html) { var posOptions = {...
Shaggie's user avatar
  • 1,819
2 votes
4 answers
77 views

Why this ng-repeat does not loop all the values?

Even more values are pushed into the array: .controller('MyCtrl', function($scope) { $scope.mottos = []; $scope.mottos.push('One'); $scope.mottos.push('Two'); $scope.addMotto = function(...
ohho's user avatar
  • 51.5k
4 votes
3 answers
8k views

(ionic) How can I make side menu overlaying contact?

Recently, I tried creating an Ionic side menu. I want to make the side menu overlaying contact. I do not want to push content, however. <ion-side-menus> <!-- Center content --> &...
Naif abdullah's user avatar
4 votes
1 answer
619 views

$rootScope.$broadcast in factory cannot change a value in other $scope

I have a home template (ionic) has a tab like this: <ion-tab title="ACCOUNT" icon="ion-trophy" href="#/home/account" badge="levelBadge" badge-style="...
Hugh Hou's user avatar
  • 2,354
4 votes
1 answer
6k views

How to use Ionic Popup with scope in Controller As syntax?

I have an Angular controller setup using Controller as syntax and I need to create an Ionic Popup with a bound data field from one the methods. What I can't figure out is how to set the scope of the ...
Jason's user avatar
  • 2,557
1 vote
1 answer
1k views

Angularjs ng-repeat for each unique ID

I am new to AngukarJS and ionic framework, I am trying to create an app with the following tree structure: Home Tab (list of books) (templates/allbooks.html) > unique book (book description and ...
Rain Man's user avatar
  • 1,223
2 votes
1 answer
384 views

Stretchy Headers in JavaScript

I'd like to implement a Stretchy Header Functionality as seen in this GIF: https://s3.amazonaws.com/nrjio/Stretchy-480.gif Currently, what I do on iPhones WebView is to call a Scope Function On ...
Adrian MK's user avatar
  • 173
6 votes
2 answers
763 views

Ionic/Cordova menubutton event not called

I am trying to monitor the Menu Button on Android (4.4.2 - Samsung S3), but the Ionic event (nor the underlying Cordova event) is not firing: $ionicPlatform.on("menubutton", function () { // do our ...
Unpossible's user avatar
  • 10.7k
5 votes
3 answers
1k views

Testing framework for ionic angular cordova app real devices with continuous integration?

Our team is starting a project and we would like to have an automated testing server that tests our app on real devices, instead of emulators or just browser. Its an Ionic framework app, so Cordova+...
realisation's user avatar
6 votes
3 answers
15k views

Ionic cordova - QRcode generate example

I'm building a cordova application using ionic framework. This application need the ability to generate a QRcode based on the given text. I found http://davidshimjs.github.io/qrcodejs/ as a solution. ...
supper aban_89's user avatar
0 votes
1 answer
79 views

Ionic ui-router onEnter check throw errors at 2nd time around

So I have this very strange error: I want to check if a user is login when enter a state and redirect them back to SignIn page if they are not. So in my config I have: .state('home', { cache: ...
Hugh Hou's user avatar
  • 2,354
0 votes
1 answer
181 views

How to clear the index of ngrepeat in a modal

I have a list of elements. Ever element has a gallery attached to it. I use a modal to show the gallery of each. It s working perfectly. Now the problem I have is about the pictures that are showed ...
user3696825's user avatar
0 votes
1 answer
636 views

How to use ionicModal Methods?

Is there anybody can explain that how to use ionicModal methods like initialize(options), isShown() described on doc.
ozhanli's user avatar
  • 1,476
1 vote
1 answer
2k views

New font for iOS 9 will be applied on Ionic apps?

iOS 9 is expected to be released with new font - San Francisco, replacing its tranditional Hevetica fonts. I wonder how Ionic will respond to this kind of change. Here are the things that I am curious ...
Nick Song's user avatar
  • 2,028
0 votes
0 answers
257 views

Ionic fixed tabs menu doesn't work on tabbedSlideBox

I need to show different Ionic lists in a tabbed menu. The problem was include those tabs with the slide option. So i found this: tabbedSlideBox. Made it work, edited it's styling to go with my app. ...
Ariel's user avatar
  • 1,517
2 votes
3 answers
8k views

Ionic Vertical Scrolling Not Working in Tabbed Content

I've setup a series of tabs with ion-views for content. The content is displayed properly in each tabbed route, but the tabbed content doesn't scroll vertically and the list runs off the page making ...
mtpultz's user avatar
  • 17.8k
1 vote
2 answers
2k views

How to copy a photo from gallery to dataDirectory?

I'm trying to copy a file from photo gallery to dataDirectory on Android 5.0 device. Unfortunely Cordova camera plugin returns path in format like: content://media/external/images/media/8793 ...
Marcin86's user avatar
  • 131
0 votes
0 answers
73 views

Trying to assign an array of items as property for a JavaScript object

I'm trying to create an array of objects and store it in the variable titled chats (temporary name for now) that holds objects with several properties: 'id', 'symptom', and 'diagnosis'. The 'id' and '...
Franklin Busi's user avatar
2 votes
2 answers
7k views

File upload error code 1 in ng-cordova filetransfer plugin

I am working on a cross platform mobile App using visual studio 2015 rc's Apache cordova template and ionic framework.App's main functionality is to upload images from camera to a remote hosting. ...
Umar Abbas's user avatar
  • 4,111
0 votes
1 answer
383 views

Angular & Ionic - Filter boolean

I'm trying to get a boolean from this: var category_data = $filter('filter')(data, {id: id}, true)[0]['subs']; But it does not give me true or false. I'm using it here: if(!category_data) { ...
Lucas Veiga's user avatar
  • 1,767
0 votes
1 answer
3k views

How to get collection of ng-model Checkbox in AngularJs?

Here is my data: var fields = [ {id: 1, name: 'Model'}, {id: 2, name: 'Price'}, {id: 3, name: 'Condition'}, {id: 4, name: 'Ads Type'} ]; Here is my view code: <ion-checkbox ng-repeat="...
Vicheanak's user avatar
  • 6,604
2 votes
1 answer
2k views

'$ionicScroll', required by directive ERROR IN IONIC

I make simple example of ng-repeat when I used ng-repeat it works fine .But when I use collection-repeat it gives me this error Controller '$ionicScroll', required by directive 'collectionRepeat', ...
user944513's user avatar
  • 12.6k
3 votes
1 answer
1k views

What can you do with native apps that you can't do with hybrid apps

With all the development in the Hybrid apps field the lasts couple of years (like Ionic and ngCordova) I was wondering: What can you do with native apps that you can't do with hybrid apps? I know ...
0x1ad2's user avatar
  • 8,034
6 votes
0 answers
1k views

Animations in lists with item-remove-animate

I'm having troubles finding the documentation for the command item-remove-animate in Ionic. The code I am studying uses it as a class on a list item and the animation simply works its magic. Code: &...
novalain's user avatar
  • 2,199
3 votes
1 answer
1k views

why list is not display while using collection-repeat instead of ng-repeat

I used ng -repeat in my demo .But due to large data coming from service .I want to use collection-repeat for performance better .how I will use collection-repeat to get the same out put here .here ...
user944513's user avatar
  • 12.6k
2 votes
1 answer
5k views

Angular : get Dimension from Base64 Image

I'm developping an mobile application with cordova and ionic and I would like to get the size of the image contained in a string without showing it (no img element in html). I have 2 problem, I've ...
X4V1's user avatar
  • 251
5 votes
1 answer
1k views

Cordova css properties not working same in all devices

I am using ionic framework to build my next app. I am trying to set a background svg image to body, in desktop browsers(firefox & chrome) it is perfect, on my nexus 4 the background image is ...
Niraj Chauhan's user avatar
0 votes
1 answer
602 views

how to open new tabs for items in $ionicActionSheet

I am using ionic framework and angular js for simple mobile app. I used $ionicActionSheet for social links. $ionicActionSheet is working fine but I want to add social links url to it and on click open ...
samjhana joshi's user avatar
0 votes
1 answer
73 views

Layout displacment on iOS 8.3

I am using INTEL XDK(1995) and Ionics to build HTML 5 application for Android and iOS. Application runs like it should on Android devices and also on my iPhone 4 which has iOS 7.1.1 Application ...
Jure's user avatar
  • 799
1 vote
1 answer
820 views

Buttons in ion-footer-bar are overlapping

I am try to use Ionic ion-footer-bar to show three fixed buttons and unlimited other scrolling buttons: However, the fixed icons are overlapping each other, in Safari. The code is on: CodePen How ...
ohho's user avatar
  • 51.5k
0 votes
0 answers
79 views

Ionic doesn't go into states with routing

There is the following index.slim: doctype html html ng-app="app" head lang="en" title First phonegap application link href="bower_components/ionic/release/css/ionic.min.css" rel="...
malcoauri's user avatar
  • 12.1k
0 votes
2 answers
5k views

how to add ion scroll directive in div?

I am trying to implement this example in ionic framework here is the code which i am trying to implement http://plnkr.co/edit/LjAoAPFDx0eVPkx3dKfu?p=preview .In which only six element is present in ...
user944513's user avatar
  • 12.6k
0 votes
0 answers
429 views

How to create a plugin to take signal strength in phonegap

Okay as the question stated how to create a plug-in to get the signal strength to be honest I have got the signal strength through the native way. So I tried to make changes to the native way. I have ...
UserBlanko's user avatar
3 votes
2 answers
3k views

bar code scanner using ionic framework

$scope.scanBarcode = function(){ $cordovaBarcodeScanner.scan().then(function(imageData){ alert(imageData.text); console.log("Barcode format ->" + imageData.format); console.log("Cancelled ...
user000's user avatar
  • 29
4 votes
3 answers
3k views

Recurrence Picker in AngularJS

I am developing a mobile app using ionic framework. I am looking for a Recurrence Picker without jQuery and bootstrap dependencies in AngularJS just like Google Calendar that I attached. Is there ...
fyasir's user avatar
  • 2,932
5 votes
2 answers
10k views

Ionic slider with different image size or heights

I'm using ion-slide-box, but the issue is, my ion-slides image is not in the same size, its dynamically repeated different size image using ng-repeat <ion-slide ng-repeat="...
Ranjit's user avatar
  • 106
0 votes
1 answer
184 views

Javascript array inside another array

I am starting with the ionic framework and I am stuck in creating and calling an array inside another array. I have the following code in my books.js : .factory('Books', function() { // books ...
Rain Man's user avatar
  • 1,223
0 votes
1 answer
389 views

how to make row collapsible in angular js using ng-repeat?

I am using ng-repeat in my project .I am able to print my objects in row .Actually I want only display element present in dom so I used this plugin https://github.com/kamilkp/angular-vs-repeat My ...
user944513's user avatar
  • 12.6k
2 votes
3 answers
4k views

gulp replace task not working

I am building an Ionic App with AngularJS and i have a gulp task that should replace data in a file. The task executes without errors but it doesnt replace the data it is meant to replace. Its like ...
Kingsley Simon's user avatar
0 votes
2 answers
2k views

ionic: content goes behind nav bar

So, I have a code pen link here: http://codepen.io/anon/pen/oXwZmr In that, they combined all the templates in index.html (tabs.html, mainContainer.html, entry.html, ...) and all controllers of ...
Chintan Soni's user avatar
1 vote
1 answer
1k views

Cross side scripting with Cordova/ionic application

Cordova will not allow a get request To another URL. The internet points to this plugin https://github.com/agamemnus/cordova-plugin-whitelist However it has zero infomation on how to install it? ...
Armeen Moon's user avatar
  • 18.5k
1 vote
0 answers
388 views

Ionic app on device, $http not working if not on --livereload

So when I do: ionic run ios --device --livereload the app will launch in the device an works fine. But when I do: ionic run ios --device , the web service doesn't seem to load. Is this a CORS issue? ...
codegy's user avatar
  • 118
0 votes
1 answer
577 views

Content of iframe (ionic app) doesn't scroll on Internet Explorer using touch

I'm working on a couple of ionic apps that are communicating with each other. In order to demo them I run them side by side on a webpage embedded in iframes. When displaying that webpage in Chrome ...
David Bre's user avatar

1
902 903
904
905 906
974