FAQ Database Discussion Community


Grey page content when side menu is opened

html,menu,ionic-framework,ionic,hamburger-menu
If you look at all the Google apps when you open the side (hamburger) menu the content of the app is greyed. Here is an example Is it possible to do this with ion-side-menu in ionic framework? If so, how? Thank you....

Using Ionic - Cannot get Firebase to load properly - Error: Module 'firebase' is not available

javascript,angularjs,firebase,ionic,angularfire
I have looked at the following questions and have not been able to find an effective solution, hence I am posting another question. Ionic + firebase, error Module 'firebase' is not available Firebase, AngularFire Error: Module firebase is not available Angularfire 'Firebase' is not defined I am very much a...

Waiting for Ionic Loading dialogs with Protractor

ionic-framework,protractor,ionic,angularjs-e2e,e2e-testing
There are similar questions (linked below) but none solves this problem. I'm writing Protractor tests for an Ionic Project. I need to execute tests at times when an Ionic Loading dialog appears and disappears. I've created a repo with the bare bones of the app and the tests that need...

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

ios,cordova,fonts,ionic
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 to know at this moment. Will old Ionic apps automatically use San Francisco...

app stucks when appends data

javascript,angularjs,ionic
I have a mobile application. I use Angular and Ionic and the app's idea is to have feed with posts. When the user reach 70% ( for example) of the feed, I append new posts to the view. I have 5 posts from the beginning and append 5 posts each...

Angular Ionic Geolocation App

angularjs,ionic
I need to write an application that will run in the background on Android and IOS that delivery drivers can run on their phones. This application will simply get the driver's current location and send that to our web server every five minutes or so. I wrote this type of...

Ionic bar-header padding-top when status bar is hidden

ios,cordova,ionic-framework,ionic,statusbar
I have a problem using the bar-header component of the ionic-framework. I always have a padding-top of a few pixels (see screenshot). I'm using the cordova plugin org.apache.cordova.statusbar to hide the status bar like this: if(window.StatusBar) { StatusBar.hide(); StatusBar.overlaysWebView(false); } Any help will be highly appreciated. ...

Cards with different size images in ionic

css,ionic-framework,ionic
I am using cards to display images. In a row i am showing two or three images. The number of images in a row can change. The sizes of images are different. They don't have same height and width. Because of this, the card height is also changing. I want...

how to make button in ionic + css

jquery,angularjs,css3,ionic-framework,ionic
I need to design toolbar in ionic .I am able to make that tool bar but it is not look similar to as in below pic.In given image buttons are small height , small font .Second thing it second button is bigger than than rest .In given image all button...

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

javascript,angularjs,checkbox,ionic
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="field in fields" ng-model="field.id" ng-checked="field.id"> {{ field.name }} </ion-checkbox> <button class="button button-positive" ng-click="updateField()"> Update SubCategory Field </button> Here...

AngularJs : event listener on http requests

angularjs,ionic-framework,ionic
Since i'm using Oauth2 to protect my Api, i need to get a new access token before any http requets if the previous access token has expired. I didn't used event listener much until now. Here what i did for now (Please let me know if it is correct) :...

Ionic Pane Not Scrolling

angularjs,ionic
I am very new to ionic but I keep coming across issues, the longer I am working with it. Usually very small issues (luckily), but they are enough to halt me in my tracks. Anyhow, I have a view that has some images and horizontal scroll content. But if I...

AngularUI Router + Ionic - routing works in browser, but not within Ionic View?

javascript,angularjs,angular-ui-router,ionic-framework,ionic
I have the most simple little Ionic App that works as expected when run in the browser using ionic serve. However, when the app is run in Ionic View (view.ionic.io), the routing appears to be failing (the index.html is loaded, but nothing within <div ui-view=""></div> is loaded. This is done...

how to know which element is selected in angular js

angularjs,angularjs-directive,angularjs-scope,ionic-framework,ionic
I make multiple selected popover , in which user can select multiple values . I want to print the all selected value on screen or get a object in which all element which is selected by user .I will explain in other words .In my demo I have one button...

Ionic tabs : child view not showing

angularjs,angular-ui-router,ionic-framework,angular-ui,ionic
I changed the navigation of my app from side menu to bottom tabs. (tabs). It is working for the parent pages but not showing anything for the children pages. I followed the code given by the starter app and also from the doc. So here what i did : tabs.html...

Ionic - Error: Cannot find module 'jshint' while building a release.apk

android,ionic-framework,ionic
I am new in this. I am developing an app in ionic framework. and now i want to create a build of release.apk. and i am referring following tutorial to build release.apk - http://forum.ionicframework.com/t/ionic-toturial-for-building-a-release-apk/15758 but in this tutorial on #7 when i run ionic build android --release command then i...

Ionic : no content / white screen using interceptors

angularjs,cordova,ionic-framework,ionic
I successfully managed to use interceptors (AngularJs ) in my Ionic application. Previous post . While it is working perfectly well in the browser using "ionic serve". There is no content loaded in the header title and content block ( "ion-content" ) using "ionic run android" (either emulating on genymotion...

Trying to connect Ionic App to a Laravel API

angularjs,laravel,laravel-5,ionic-framework,ionic
I'm building an Ionic app and trying to use Laravel 5 as my API. I've got the a basic user signin/signup/forgot/reset UI in place and am learning how to use ngResource, but in order to test this I want to hit the localhost Laravel is running on. Ionic serve is...

File(Transfer) with PhoneGap Build is not working

cordova,phonegap-plugins,ionic,phonegap-build,ionic-view
Since I could not find the answer anywhere else in related questions, I'm posting a new question. The problem is: when I run my Ionic app via IonicView (useful app to test your application on your device) everything works fine, but when I run my Ionic app after building with...

Ionic app data from html to php server

http-post,ionic
IONIC APP post data to php server : Data not inserted into mysql database. I am new to ionic framework, I am struggling to post data from html to php in ionic. Please help me out. 1. HTML file -->index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1,...

how to add image on checkbox using ngclass ..?

ionic-framework,ionic
could you please tell me how to add checkbox image using ng-class in angular js Actually when user click option it show the checkbox image and when user select again same element it unselect the checkbox or remove the checkbox image how I will achieve this using ng-class here is...

execute a function each time, when app started in ionic

android,ios,cordova,ionic
I am using ionic framework to build my app, which seems working fine as per my requirement. Now i close my app and reopen again it maintaining the state which is also fine. Now my question is 1) Does app.js files run each time when my app is open ?...

How to remove circle on background of checkbox?

angularjs,angularjs-directive,angularjs-scope,ionic-framework,ionic
I am trying to show a check-box in a popup screen. Actually my checkbox is rounded. I need no rounded background and tick should be green as show in image. I need checkbox will be placed on right side and having no background but have green color. Here is my...

how to set font size of toolbar in ionic

angularjs,angularjs-directive,angularjs-scope,ionic-framework,ionic
I am using toolbar I am able to make toolbar .But I need to customise that toolbar .Actually I am trying to set different font size as default in button and I need to give different width of buttons as default . I have this button bar <div class="button-bar"> <a...

How to avoid stacking navigation history in tab-bar states

angular-ui-router,ionic-framework,ionic
Tab A - Tab B - Tab C States like below; tabs.a, tabs.b, tab.c I want to close app like there is no navigation history when switching in each of tab states For example: I was in Tab A then I clicked to Tab B and then I clicked to...

Code breaks after using gulp-uglify : Ionic Framework

ionic-framework,gulp,ionic
I'm just new to Ionicframework and new to using gulp. I am currently setting up my workflow and I use gulp-uglify to minify my app files. After using it the code breaks so I checked on the console and got this error. Uncaught Error: [$injector:modulerr] Failed to instantiate module ebhealth...

angular-translate: how to reset translation table dynamically in $translationProvider?

angularjs,internationalization,ionic,translate,angular-translate
I am using angular-translate to display different languages in my application, but I get an error when I try to refresh the translation data after a successful login or via other web service calls. Note: I successfully invoke $translateProvider.useLoader in my "app.config" to set the default translation data. But I...

How to simulate the float value that appears when you type on the input

html,css,autocomplete,ionic
It is very difficult to understand what I intend to do. I would like to simulate the float value that appears when you type on the input, but depending on what you want the person to load certain values in an array I define and enable the individual to select...

All Ionic dependencies not found

ionic
I am trying to write a ionic app based on the sidemenu basis. One view that I am creating is a login view on which the sidemenu should be deactivated. Therefore I need the dependency variable $ionicView. This leads to the error Unknown provider: $ionicViewProvider <- $ionicView <- LoginController The...

how to add active class in ionic + angular?

angularjs,angularjs-directive,angularjs-scope,ionic-framework,ionic
could you please tell me how to add active class in selected button .when use select any button from toolbar it become green and show data .Actually I have four button and four div contend .I need to show div contend when I select the button .In other words when...

Impossible to run ionic build android

android,cordova,build,ionic
I have a couple of days with this problem, upgrade to the new version ionic and present the following problem: BUILD FAILED Total time: 11.556 secs /Users/lixsys/app_view/platforms/android/cordova/node_modules/q/q.js:126 throw e; ^ Error code 1 for command: /Users/lixsys/app_view/platforms/android/gradlew with args: cdvBuildDebug,-b,/Users/lixsys/app_view/platforms/android/build.gradle,-Dorg.gradle.daemon=true ERROR building one of the platforms: Error: /Users/lixsys/app_view/platforms/android/cordova/build: Command failed with...

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

javascript,angularjs,ionic
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(motto) { $scope.mottos.push(motto); } }); and <span ng-repeat="motto in mottos"> {{motto}} </span> ng-repeat does not show all elements as expect: codepen, why? ... HTML <ion-content> <button class="button button-positive" ng-click="addMotto('More')"> <i class="icon ion-quote">...

$http.get with 2 parameter in ionic framework (angularjs)

angularjs,ionic-framework,ionic
I have my $http.get with one parameter, and it works like : getUserBand: function(email) { return $http.get(baseUrl + 'selectUserBand.php?email=' + email); }, I want to send 2 parameter like : getUserBand: function(email,param2) { How to call 2 parameter in this field? }, How to call email and param2 in the...

Cross side scripting with Cordova/ionic application

javascript,cordova,ionic
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? This is my first ionic cordova application. QUESTION How do I allow Cross-side-scripting so that I can hit filltext from cordova application using...

Angular js Curly braces doesnt show value in html

javascript,html,angularjs,ionic-framework,ionic
Hi I have tried numerous articles and answers from different questions but no luck, I am using a blank ionic project and it runs on my browser with ionic.serve also there isn't any errors showing. The {{truck}} is shown in my application rather than the value "Truck Value" and also...

CFBundleDocumentType is not working in myproject-Info.plist file

ios,objective-c,cordova,ionic
I am trying to build an app in ionic framework. I am trying to build this functionality like when i click on photo from gallery and hit share A share pan will open . i want to show my app here. I made some modification in plist file here is...

SignalR working in browser not in app

cordova,signalr,ionic,hybrid-mobile-app
I have an app which uses signalR when I try it in the browser it works properly. of course the connection is to an absolute URLץ When I deploy the app to an android device it doesn't work. I connected Chrome to do remote debug to the app's webview and...

Can't add android platform to ionic project

android,cordova,ionic
I want to add Android to my Ionic App, so I type ionic platform add android in my console and the only output what I get is and no android is added Updated the hooks directory to have execute permissions Saving platform to package.json file My enviroment variable are: export...

Integrating angular calendar into ionic infinite scroll

angularjs,ionic
I am new enough to Angular. I am trying to integrate the angular-bootstrap-calendar into an ionic app. https://github.com/mattlewis92/angular-bootstrap-calendar I am using the ‘week’ view but instead of incrementing to the next week using a button: <button class="button ng-model="next" ion-chevron-right btn btn-primary" mwl-date-modifier date="calendarDay" increment="calendarView"> </button> I am trying to put...

how to make text align right in labels inside row

javascript,css,angularjs,ionic-framework,ionic
I am trying to make simple demo as given in image ![enter image description here][1] I am able to display contend in view .But I am facing few issue in making this page how to add background image in contend .I don't have same background image but I have similar...

Cordova geolocation watchPosition sensitivity

cordova,geolocation,phonegap-plugins,ionic,cordova-plugins
How often would watchPosition be called if the position is constantly updated? Is this something that can be configured? The docs just say "When the device retrieves a new location, the geolocationSuccess callback executes".

How do I have a ion-tabs inside ion-nav-view

javascript,angularjs,ionic
I just started with Ionic, and I have an application to build that works like this: An initial page shows up, with a list of items, when the user clicks on an item, a new window opens with ion-tabs inside it. I'm populating ion-nav-view dynamically. I built an extremely simple...

How to select multiple selected value from select option

angularjs,model-view-controller,ionic-framework,ionic
My controller code looks like $scope.items = [{ heading: 'Sports', types: [{ name: 'Football', }, { name: 'Persie', }, { name: 'Ronaldo', }, { name: 'Messy', }], id: '1' }, { heading: 'Cricket', types: [{ name: 'Tendulkar', }, { name: 'Lara', }, { name: 'Ponting', }], id: '2' }]; My...

Authentication: “cannot execute _executeQueryCore until metadataStore is populated”

angularjs,breeze,ionic
I am trying to add authentication to my mobile app, built using Angular and Breeze. In my app.js: app.config(function ($httpProvider) { $httpProvider.interceptors.push(intercept) }); //intercept runs on every http request and response //When there is a 401 error it uses broadcast to send an event to //the application scope function intercept($rootScope)...

Buttons in ion-footer-bar are overlapping

css,safari,ionic
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 can I have the blue buttons layout properly?...

Pass parameter from controller to services in angularjs

angularjs,ionic
How can i have one service or factory receiving two parameters from many controllers? One parameter for the url, other for the file name to be stored on the filesystem. I will have many controllers using this service, each passing his own url and filenames that reads the url and...

ionic app build fails with error 'linker command failed with exit code 1 (use -v to see invocation)'

ios,xcode,cordova,ionic
When attempting to build using ionic run ios -lc I am seeing the following error in terminal: ** BUILD FAILED ** The following build commands failed: Ld build/emulator/xXxXxXx.app/xXxXxXx normal i386 (1 failure) Error code 65 for command: xcodebuild with args:...

IONIC Partial View Not Showing

javascript,html,ionic-framework,ionic
I am having an issue navigating to a partial view from the main view in ionic. I am doing everything according to the defined rules in ionic but I cannot seems to wrap my head around the issue yet. My code is as follows; The index.html: <!DOCTYPE html> <html lang="en"...

Angular : get Dimension from Base64 Image

angularjs,image,size,base64,ionic
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 found a solution but with onload event and I don't use jQuery. Is...

Ionic - 'platform add android' Comand failed with exit code ENOENT

java,android,cordova,environment-variables,ionic
Please help me get my Windows 8/Ionic/Cordova/Android environment setup correctly. I'm trying to use the command 'add platform android' but am unable to get it to work. I have seen similar posts to this but none quite the same. I've tried un-installing Cordova and Ionic and reinstalling them as recommended...

How can i save base64 to image file on cordova / ionic or upload to server?

javascript,image,cordova,base64,ionic
I write cordova application using ionic framework. My goal is to receive image from the gallery and send it to the server as base64 string. But when I do so server says that request is too large and denies it. I’m kinda stuck at this moment. What is correct way...

Why I can't scroll my app in IONIC

ionic-framework,ionic
I created little app in IONIC framework, i have 3 tabs, i created to sliding tabs left and right. But my problem is i cant scroll my card in first tab. CODE: I tried to change this ion content scroll from false to true, but when i do this when...

Iframe does not show scrollbar

html,css,angularjs,iframe,ionic
Can't seem to make the iframe appear with a scroll-bar. Go to https://billiving-qa.azurewebsites.net/accountant email: [email protected] pass: 111111 Reload the list with F5, then click new invoice on the right side. The content is lengthy but doesn't show the scroll-bar. My css uses the following: .frm { position: fixed; width: 100%;...

Is that possible to save data user from Auth0 Social(e.g facebook) to Database(mysql) after login via facebook(auth0 social)? (using ionic framework)

ionic-framework,ionic,auth0
I've used Auth0 service into my Ionic project to create a login page and it's working with my own-database connection. All I want to do is to save the data from social(e.g facebook) to my own-database. Is that possible? I've tried using social login in auth0, but those profile data...

How to use ionicModal Methods?

ionic-framework,ionic,hybrid-mobile-app,mobile-application
Is there anybody can explain that how to use ionicModal methods like initialize(options), isShown() described on doc.

Hyperlink in Angular/Ionic

angularjs,ionic
I am having some issues adding a hyperlink to a 'hcard' in ionic. I am using the following plugin (https://github.com/drewrygh/ionic-ion-horizontal-scroll-cards) and the codepen is here: http://codepen.io/drewrygh/pen/jEJGLx When I try to add hyperlink to hcard nothing happens. What is the best way to do this, does anyone know? <div ng-controller="barsCtrl"> <h4>Top...

how to make table as show in image?

css,angularjs,angularjs-directive,ionic-framework,ionic
I am trying to make table or grid view in ionic framework.I am able to make that table but It is not looking same what I am required please check my table view in image . here is my code .Actually I have also header "Invoice#" and "account Name" they...

Accessing objects returned from a factory

javascript,angularjs,http,ionic-framework,ionic
So I have a factory that fetches objects from a server: .factory('Articles', function($http) { var articles = []; return { all: function(){ $http.get("http://jsonp.afeld.me/?url=http://examplesite.com/page.html?format=json").then(function(response){ articles = response.data.items; console.log(response.data.items); return articles; }); }, get: function(articleId) { for (var i = 0; i < articles.length; i++) { if (articles[i].id === parseInt(articleId)) { return...

whitelisting a domain in ionic app

javascript,android,angularjs,ionic
I am going through the ionic tutorial present in http://ccoenraets.github.io/ionic-tutorial/build-ionic-project.html and ran the app on browser ionic serve and in android using ionic emulate android When I run the app as instructed in tutorial, it works well on my chrome browser but when I try to run on emulator, I...

Ionic framework: Different background color for each list-item

css,ionic-framework,background-color,ionic
I would like to have a different background color for every list-item using ionic. For example a list of fruit containing: banana, apple, orange... For banana the background would be yellow For apple, it would be green For orange, it would be yellow ... Does anyone have an idea on...

LDAP authentication fails on ripple and actual device but not on browser

ionic,openldap,ripple
I'm trying to get an authorization token for an Ionic App from a LDAP service in a remote server. I can get the auth token when I run the Ionic App in the browser with the command ionic serve and when I use Postman, BUT it takes lot of time...

how to iterate json object in angular js?

angularjs,angularjs-directive,angularjs-ng-repeat,ionic-framework,ionic
I have json object and I need to iterate that object in angular. I will tell you my problem. I have one button. On click of that button user can select multiple elements. I take example ('a','b','c'...so on). When user select 'a' and close the pop up I need to...

Shared views in ionic framework

angular-ui-router,ionic-framework,ionic
I have one template 'song-detail' that I want to access from two other parts of my application. However, I can only use the nav history for the first one. I want to access 'song-detail' from both the browse nav view, and the favourites nav-view. I can access it fine from...

Using Ionic Material with Ionic and Cordova 5

angularjs,ionic-framework,ionic
I'm trying to run the demo in Mac Yosemite with Ionic and Cordova 5. At Ionic-Material/demo running bower install ionic-material causes an Failed to execute "git ls-remote --tags --heads https://github.com/fians/Ink.git", exit code of #128 remote: Repository not found. fatal: repository 'https://github.com/fians/Ink.git/' to appear. As in https://github.com/zachsoft/Ionic-Material/issues/18 I tried removing the...

how to give column equal width from total width?

angularjs,angularjs-directive,angularjs-scope,ionic-framework,ionic
I am trying to make example of grid view .I am dynamically generate the table view or grid view .I need column take equal % of width .Example if I have two column they will take 50% with individual .If there is three column then they will take 33.33% individual...

Programmatically enable GPS of device when application opens in cordova

angularjs,cordova,ionic,cordova-plugins
I have been working on cordova ionic app with angularJS frontend. Here when this app is getting launch the device should check for the status of the GPS whether it is on or not and if it is not on then make it on automatically. I didn't found any cordova...

How to call other functions of same services in ionic (angular.js)

javascript,angularjs,ionic-framework,ionic,angularjs-service
I am working on a mobile app using ionic framework. I have created a common Utility services like this .service('CommonUtilityService', function($q) { return { parseJsonDate:function(jsonDate){ var offset = new Date().getTimezoneOffset() * 60000; var parts = /\/Date\((-?\d+)([+-]\d{2})?(\d{2})?.*/.exec(jsonDate); if (parts[2] == undefined) parts[2] = 0; if (parts[3] == undefined) parts[3] = 0;...

How to refresh iframe url?

angularjs,cordova,ionic-framework,ionic
I am creating an app using ionic in which I am displaying a URL using iframe. This is the HTML code: <iframe id="myFrame" width="100%" height={{iframeHeight}}> This is the angular js: $scope.iframeHeight = window.innerHeight; document.getElementById("myFrame").src = value['url']; Everything is working, however when I make changes on the site from the backend...

how to show only 25 element at one time?

angularjs,angularjs-directive,angularjs-scope,ionic-framework,ionic
I am trying make table view in ionic using angular js .but I have lot of data to show around 5000 object .So after getting data my UI hang because it is printing the data on dom.So I want to implement lazy loading so that only 100 element is visible...

how to show alert when user scroll to top of div in angular js?

angularjs,angularjs-directive,angularjs-scope,ionic-framework,ionic
hello could you please how to show alert when scroll to top of div in angular js and same in when user scroll to bottom .Actually I know How to achieve this in jquery using if(this.scrollTop===0).But I am using ionic framework with angular js .So could could you please tell...

Angularjs for loop issue

angularjs,ionic-framework,ionic
There's a for loop and inside the for loop I'm calling an AJAX request. The issue I encountered is, the for loop finishes before the requests complete. I want the for loop to continue to it's next iteration only after the required AJAX request completes. PS- AJAX works fine. I...

Ionic - Disable Range Selection with Toggle

javascript,angularjs,range,ionic
I have a problem when making an ionic app about disable a range selection script below cannot work as I expected below: For controller script: .controller('SetDiscount', function($scope) { if ( $scope.checkbox = { checked: true }) { $scope.disabled = true } else { $scope.disabled = false } }); For Template...

different behaviour ionic modal background opacity

ionic-framework,ionic
We have just upgraded from Ionic beta 14 to the Ionic 1.0.0 release. After the upgrade we have one issue left which I can't solve. I have added 2 CodePens to show the problem, being: 1.0.0-beta.14: http://codepen.io/anon/pen/LVxxzM 1.0.0: http://codepen.io/anon/pen/rVjjYJ <ion-modal-view style="width: 50%;"> If you look at the 1.0.0-beta.14 CodePen and...

Curly braces in ng-repeat - Syntax?

javascript,angularjs,ionic-framework,ionic
I am trying to filter a JSON list based on one of the contained values. For example, I have JSON objects where they all have name, type, description etc and I am attempting to filter based on the parameter stored in $stateParams (which happens to be type). It works if...

ionic doesn't install app

javascript,ios,cordova,ionic
I'm trying to simulate my app on ios simulator with ionic. But when I run: ionic build ios ionic emulate ios My app doesn't appear on the simulator. What should I do?...

Ionic/How to select multiple item in the listbox?

angularjs,ionic-framework,ionic
I'm using the Ionic 1.3.16 version currently. Here i need to select multiple list items in the below list. <div class="list listbox" ng-if="MemberData.length" ng-repeat="d in MemberData"> <div class="item item-avatar item-list-detail item-thumbnail-left thumnail_box"> <img ng-if="d.ThumbnailUrl" src="{{d.ThumbnailUrl}}" class="imground"> <div ng-if="d.ThumbnailUrl==''|| d.ThumbnailUrl==null" class="item-icon-left"> <div><i class="icon ion-person bgskyblue iconx dashboardsquare"></i></div>...

How do i add the second JSON Message?

javascript,html,angularjs,html5,ionic
I'm creating an iconic application and want to be able to load JSON strings from a web server into my application. So far, i can only get one message to load. ![That's what my application looks like so far. I can only get one message to load][1] Here's my HTML...

How to request new banner ad in AdMob Pro?

angularjs,cordova,admob,ionic,cordova-plugins
I have an Angular Ionic mobile app. I recently switched from the old AdMob cordova plugin (https://github.com/floatinghotpot/cordova-plugin-admob) to the AdMob Pro plugin (https://github.com/floatinghotpot/cordova-admob-pro). I have most everything working, but I can't figure out how to request a new ad. The old plugin had a function requestAd that would get a...

how to give maximum selected element in angular js?

angularjs,angularjs-directive,angularjs-scope,ionic-framework,ionic
can we give maximum selected element limit in angular ?Actually I have one multiple selected element in which user can select multiple thing .But I need to restrict user In other other user only select 3 items from them .I will tell my problem again I have on button .On...

How to implement centered marker in Google Maps API v3 with Ionic & Angular

javascript,angularjs,google-maps,google-maps-api-3,ionic
I have created a map in my Ionic project using Maps API v3 and ngCordova to get my current location and with the following code: var options = {timeout: 10000, enablehighAccuracy: false}; $cordovaGeolocation.getCurrentPosition(options) .then(function (position) { var myLat = position.coords.latitude; var myLong = position.coords.longitude; console.log(myLat, myLong); var center = new...

why the button is not visible for all time (visible while scroll )?

angularjs,angularjs-directive,angularjs-ng-repeat,ionic-framework,ionic
I am trying to make pop over in which there is multiple selected element present .In that there is header present and contend but footer is not present .I need there is a close button on footer which is visible at all time .it is also visible when scrolling the...

Ionic /How to select multiple options from select control(Maximum selection will 3 options only)?

angularjs,ionic-framework,ionic
I'm using the Ionic 1.3.16 version currently. He i need to select multiple options in my select control. Here my ionic HTML code: <div class="list"> <label class="item item-input item-select"> <div class="input-label"> Lightsaber </div> <select> <option>Blue</option> <option selected>Green</option> <option>Red</option> </select> </label> </div> ...

Filtering by value in array in object

javascript,angularjs,ionic-framework,ionic
Let's say I have an array of objects, something like: $scope.data = [{name: 'foo name', value: 'foo value', spots: ['s1', 's2', 's3']}, {name: 'foo name 2', value: 'foo value 2', spots: ['s1', 's2', 's3', 's4'}]; I want to filter this data with respect to the value of the current "spot",...

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

javascript,angularjs,ionic,angularjs-controller
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 popup for the data-binding. I found this example but it...

How to read data inserted in ng-model?

javascript,angularjs,angularjs-scope,ionic-framework,ionic
I am working on ionic framework.I am trying to create a login page.I want to read data inserted in username and pass word fields in login.html.I tried to read using $scope but that didn't work.I tried to use console.log() to print the variables in console but i am getting an...

Rectangular post body empty

angularjs,cordova,ionic,restangular
I'm attempting to post a new user to my servers using rectangular. The post is failing because the post body is always blank. var userData = data.logged_in_user; var userDetails = { id: userData.pk, username: userData.username, pic: userData.profile_pic_url, full_name: userData.full_name }; Restangular.all('users').post(userDetails) .then(function() { console.log('Success') }) .catch(function() { console.log('Error') }); I...

How to change the position of the ionic side menu button?

cordova,ionic-framework,ionic
HI i need to change the position of ionic side menu button in ionic sidemen app.i need to change the menu button forklift to right how can i do that?

Ionic $stateParams undefined

angularjs,ionic-framework,ionic
please help me with ionic $stateParams issue. Here is state configuration .state('tabs.categories', { url: "/categories/:parentID", views: { 'categories-tab': { templateUrl: "templates/categories.html", controller: 'CategoriesCtrl' } } }) Controller: angular.module('myApp').controller('CategoriesCtrl', ['$scope', '$http', '$stateParams', function($scope, $stateParams, $http){ console.log ($stateParams.parentID); }]); And view (if need): <ion-view view-title="Categories"> <ion-content> <a class="button button-clear"...

how to reduce the height of header in tabel view or grid view?

angularjs,angularjs-directive,angularjs-scope,ionic-framework,ionic
I am trying to make simple demo of grid view .In which I have header of title (having gray background) actually I need to reduce the height of title or headers of table which have gray background .can we add alternate color of rows ? please see the given image...

Error: $interpolate:noconcat Multiple Expressions in ionic framework when calling a form action

angularjs,ionic-framework,ionic
I want to call a PHP process on my server through form action. It's work when I call like this : <form action="https://mysite/profileImages/upload.php method="post" enctype="multipart/form-data"> And It's also worked, like <form action="https://myurl/profileImages/upload.php?email=myEmailIsText" method="post" enctype="multipart/form-data"> But I want to send an email parameter from my database to the PHP process, like:...

why collection repect not show alternate color in angular js

angularjs,angularjs-directive,angularjs-ng-repeat,ionic-framework,ionic
I am using ionic framework .I make a simple demo of table using ng-repeat In this I make alternate color of each row which is running perfectly here is perfect code in which I used ng-repeat I used I ng-repeat <ion-scroll scrollbar-y="true" delegate-handle="i" ng-style="viewHeight"> <div class="row" ng-repeat="column in inv |...

Menu navigation trouble with Ionic View

angularjs,ionic,ionic-view
First off: I am a total noob to Ionic. I am building my first app with it as a POC for my company. I am using Ionic View on my iPhone to check out what it looks like on a mobile device. The problem I am running into is that,...

Angular authentication using Passport for Ionic App

angularjs,node.js,ionic-framework,ionic,mean-stack
I've built an API for my web app, which is built using MEAN stack. Now I am trying to use this API on mobile client side which is built using Ionic Framework. I'm using this code to perform an $http call to API: $http.post(ServerIP+'/login', {username: $scope.credentials.username, password: $scope.credentials.password}).success(function(response) { $scope.authentication.user...

How to show myapp on AirDrop? Whats wrong in my Plist file?

ios,cordova,ionic-framework,ionic
I am trying to list my app on Air drop . Like You are on Photo Gallery and hit share . Airdrop will open where i want to show my app .. currently my app is not showing on Air Drop. I am, trying to allow all types of files...

Django-oauth is sending and receiving data without access token in ionic app?

android,django,oauth,ionic,django-authentication
I am using Django-oauth-toolkit for social authentication in ionic android app. First i get token from social auth plugin then i send it to django. Django-oauth-toolkit generates user and send me access token and refresh token back. After that when i send GET request for user related data (without sending...

Create Custom Camera view using Ionic

android,cordova,camera,ionic-framework,ionic
I want to create a Photo Capture app using Ionic. I have gone through Cordova Camera Plugin and the examples only shows how to open native camera on button click. Is there a way to load the Camera view directly in the app (like default camera app, snapchat etc.)? I...

how to make rounded input field in ionic?

angularjs,angularjs-directive,angularjs-scope,ionic-framework,ionic
I am able to make input field with icon but I need the input field should be rounded corner ![enter image description here][1] and horizontally center width smaller as show in image . please check the below image Please check my search bar is smaller in width and horizontally centered...

Angular & Ionic - Filter boolean

angularjs,ionic
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) { return false; } else { return category_data; } What i'm doing wrong? Thanks!...

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

cordova,ionic-framework,ionic
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. $scope.deviceInformation = ionic.Platform.device(); $scope.currentPlatform = ionic.Platform.platform(); $scope.currentPlatformVersion = ionic.Platform.version(); }); as per the documentation given Here. The ionic.Platform.device(); will return...

using multiple states with app.single

javascript,android,angularjs,ionic-framework,ionic
Hi I just want to know if I can use multiple states with app.single. My app shows blank when adding another state using app.single, but if I remove it the app shows again. app.js .state('app.checkin', { url: "/checkin", views: { 'menuContent': { templateUrl: "templates/checkin.html", controller: 'CheckinCtrl' } } }) .state('app.single',...