FAQ Database Discussion Community


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...

Javascript array inside another array

javascript,arrays,loops,ionic-framework
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 data var books = [{ id: 0, title: 'Sample Title', author: 'Sample Author', category: 'Horor, Fiction',...

Architecture of an app when using CouchDB/PouchDB

cordova,couchdb,ionic-framework,sails.js,pouchdb
I am wondering how the architecture should look like when using PouchDB as a local storage in a mobile app instead of localStorage. At this moment I am used to cache my app's data into localStorage and when needed I perform an API call to the backend to request or...

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...

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:...

Controller being called twice in Ionic (AngularJS)

javascript,angularjs,ionic-framework,angularjs-routing,angularjs-controller
In my angular project the user accepts a EULA then get automatically redirected to their dashboard, however, on this redirect the DashboardController seems to be being called twice, the DashboardController is being called on the route itself, I have checked to see if I have accidently called it again in...

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...

Controller is not being reset after href call

angularjs,ionic-framework
I have a AngularJs controller in Ionic Framework. .controller('LocationDetailCtrl', ['$scope','$cordovaGeolocation','$cordovaCamera', '$cordovaFile','$stateParams','Location', LocationDetailCtrl]); function LocationDetailCtrl ($scope, $cordovaGeolocation, $cordovaCamera, $cordovaFile, $stateParams, Location) { $scope.locationRow = {}; $scope.test = ""; $scope.images = []; Location.getById($stateParams.locationId).then(function(result){ //alert("I'm in"); $scope.locationRow = result; }); } I have code in view somewhere that does this:...

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 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...

Angularjs/Ionic App json parsing

javascript,json,angularjs,ionic-framework
In an ionic/angularjs app I want to parse the content of the following json file (generated by a server) [ { "raw": { "id": "2", "pid": "0", "sorting": "0", "tstamp": "1433706234", "Alias": "-2", "Menu1": "Test", "Menu2": "Test1", "From": "1433714400", "To": "1434060000", "Published": "1" }, "text": { "Alias": "-2", "Menu1": "Test",...

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...

Routing in Ionic

angularjs,http,ionic-framework
I have an Ionic app where I am calling $http through a factory: .factory('Articles', function ($http) { var articles = []; return { all: function () { return $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 <...

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...

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...

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...

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>...

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...

Errors - Linting www/js/parse.js

parse.com,ionic-framework
I am developing an app using ionic framework. In it i am integrating Parse server API. but when i am running my application i am facing following problem - Linting www/js/parse.js Errors in file www/js/parse.js 9212:1 -> Unreachable '(' after 'return'. -> (function() { 9265:2 -> Read only. -> exports...

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...

Consultation on ng-repeat variable html

angularjs,angularjs-ng-repeat,ionic-framework
I'm carrying a $ ionicPopup with a variable that I get from my webservice. The problem that I have is not as filling into a variable. I leave my code: if(data.Count > 0){ $scope.areas = data.Area; var contentHtml = '<ul ng-repeat="area in data.Area"><li>{{area.name}}</li></ul>'; $ionicPopup.show({ title: 'Areas disponibles', subTitle: '', content:...

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...

Email Form Post to PHP with AngularJS

javascript,php,angularjs,ionic-framework
I have been building Ionic Mobile app with AngularJS. and im trying to send email form. PHP part is working fine. i tested it with parametered URL and it worked. but with the application its not working. here my HTML part <form> <div class="list list-inset"> <label class="item item-input"> <input type="text"...

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...

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) :...

cordova ionic barcode scanner error

cordova,ionic-framework,barcode-scanner
i am getting same error barcodescanner.js:130 Uncaught ReferenceError: require is not defined ionic.bundle.js:20306 ReferenceError: cordova is not defined Cordova CLI: 5.0.0 Gulp version: CLI version 3.8.11 Gulp local: Local version 3.8.11 Ionic Version: 1.0.0 Ionic CLI Version: 1.4.3 Ionic App Lib Version: 0.0.19 ios-deploy version: Not installed ios-sim version: 3.1.1...

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...

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...

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

javascript,angularjs,css3,angularjs-scope,ionic-framework
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 issue is that there is space between rows .I need to remove space between row.I don’t for where...

Angularjs ng-repeat for each unique ID

javascript,angularjs,ionic-framework
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 chapters) (templates/book-des.html) >> unique chapter (templates/book-chapter.html) here is the content of books.js .factory('Books', function() { // books data...

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 |...

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"...

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...

Parse.com - setting up push notifications for single users

parse.com,push-notification,ionic-framework,cloud-code
I'm working on a hybrid app using Ionic framework with Parse as a back end and I'm struggling to set up push notifications for single users. I'm sending the notifications through Parse's Cloud Code, and I have sending push notifications to all users working okay using the following; Parse.Cloud.afterSave( '_User',...

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...

Ionic inner-tabs routing

angular-ui-router,ionic-framework
When you create the basic Tabs project in ionic, you get tabs, "Status", "Chats", "Friends", "Account", and "Badges". Now, if I want to add a link on the Dashboard-Status view that routes me to a sub nav under the Friends tab, I can do that using the following: <a ui-sref='tab.friend-detail'>...

CSS changes are not applied immediately

css,angularjs,ionic-framework
to lower the head should change color, but the change is not seen, if I open the menu only then change can be seen. <ion-header-bar class="thediv" ng-class="{scrolling: isActive}"> <ion-nav-bar class="bar-clear " > </ion-nav-bar> </ion-header-bar> my class: .scrolling{ background-color: red !important; } and code: if ($ionicScrollDelegate.$getByHandle('contentScroll').getScrollPosition().top > 100) { $scope.isActive =...

String comparison in AngularJS

javascript,json,angularjs,ionic-framework,string-comparison
I'm trying to compare two strings in AngularJS, and I've seen examples online. As I understand it, you can use angular.equals(str1, str2), you can use ===, you can use == if you're sure that both are strings... I've tried all three, but I don't get the result. Something must be...

How to pick multiple images from device?

angularjs,cordova,ionic-framework,ngcordova
If i create a simple project: ionic start MyApp And add the ImagePicker plugin: ionic plugin add https://github.com/wymsee/cordova-imagePicker.git -save And simply copy this example www folder into the project and do: ionic platform add android ionic build android ionic run android Everything is working fine. I can pick multiple images...

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...

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 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...

Ionic local storage and routing

angularjs,local-storage,ionic-framework
I am making an Ionic app and I am utilizing $http service to pull in articles from a server. My app has a list of articles with the option to go into a single article. My factory looks like this: .factory('Articles', function ($http) { var articles = []; return {...

Adding visionmedia/debug to an Ionic/AngularJS application

angularjs,cordova,ionic-framework
I would like to add some debugging to our Ionic/AngularJS application. I was thinking about the visionmedia/debug library to use. But how can I add this library on a more Angular way? You can see a plnkr with a working example of the current code. Make sure to open the...

Mobile App Performance : Polymer or Ionic?

javascript,cordova,ionic-framework,polymer,google-chrome-app
I am a web developer and I heard that Google just released the "production ready" version of Polymer (1.0). On the other hand, I have heard a lot about Ionic since 2013. I am now trying to find the best way to make a web app look native, responsive and...

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...

Angular multiple ng-options parent / child

javascript,angularjs,ionic-framework,ng-options
I have a number of select input children thats data changes depending on the parents selection. Please see this Codepen for the type of data that will form my parent child relationship. My starting piece of code is here: Controller $scope.params = ['Sets', 'Reps', 'Colour', 'Time', 'Weight']; $scope.children = [{...

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...

How to render basic HTML code with html elements in a view

angularjs,ionic-framework
I am having a form html as follows: <div class=\"container\">\r\n\t<div class=\"clearfix row \">\r\n\t\t<div class=\"col-md-12 column\">\r\n\t\t\t<h3>\r\n\t\t\t\tNew form created\r\n\t\t\t<\/h3 >\r\n\t\t\t<div class=\"form-group\">\r\n\t\t\t\t <label><strong>Enter name<\/strong><\/label><input name=\"1430985388220267#enter_name\" id=\"1430985388220267\" class=\"form-control\" grid-name=\"Enter name\" type=\"text\"...

ionic build android failure - Execution failed for task processDebugResources

android,cordova,ionic-framework,phonegap-build
I am using Mac Yosemite. Getting the following failure on running a build for android platform : FAILURE: Build failed with an exception. * What went wrong: Execution failed for task ':processDebugResources'. > com.android.ide.common.internal.LoggedErrorException: Failed to run command: /Users/sairamk/Development/android-sdk-macosx/build-tools/22.0.1/aapt package -f --no-crunch -I /Users/sairamk/Development/android-sdk-macosx/platforms/android-22/android.jar -M...

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...

Adding directive, the binding will not work

javascript,angularjs,ionic-framework
I'm new in Angular, I'm creating a mobile app with angularjs and ionic framework, i have an input (project name) in which i have a directive, to verify if the project name already exists, that directive will disable the data binding. Any help please. <input type="text" name="projectname" projectname-available id="projectname" ng-minlength="3"...

in $http how to conditionally transform a response so that error path is taken

angularjs,ionic-framework
I have a server api that returns a json string like {status: ok/error, errtext: ..., payload: ...}. When status !== 'ok' I would like my program to take the error handling method, the equivalent of $q.reject. I am using http transform to harmonize some of my data structures. My code:...

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...

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',...

How to show icons in $cordovaActionSheet plugin buttonLabels in ionic framework?

angularjs,cordova,ionic-framework,cordova-plugins
I am trying to add icon in buttonLabels in $cordovaActionSheet plugin but it didn't working. I have tried var options = { title: 'Share', buttonLabels: ['<i class="ion-social-facebook"></i> Share via Facebook', '<i class="ion-social-twitter"></i> Share via Twitter'], }; but it prints tag as it is. How do I show icons in button...

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> ...

Cordova plugin error: Resource interpreted as Script but transferred with MIME type text/plain

javascript,cordova,ionic-framework,cordova-plugins
I'm using Cordova 4 with Cross-walk and on android it throws the 'Resource interpreted as Script but transferred with MIME type text/plain' error for all plugins' javascript files. I have already added the Whitelist plugin and added the following to my index.html file: <meta http-equiv="Content-Type" content="application/javascript; charset=UTF-8"> <meta http-equiv="Content-Security-Policy" content="default-src...

how to use filter on button click in angular js

angularjs,angularjs-directive,angularjs-scope,angularjs-ng-repeat,ionic-framework
could you please tell me how to sort array in ascending or descending order on button click .Actually I have a button on header "V" .using button click I want to display data in ascending order .Actually I am making a grid view in Ionic using angular js .But I...

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.

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...

why float right is not working also used important?

javascript,angularjs,css3,angularjs-directive,ionic-framework
I have three image buttons in my header which is in right side as show in image ,I am trying to add three buttons on header .But it is not taking float:right and margin-right .I need to make like this please check image ![enter image description here][1] I have "+"...

How to store cordova geolocation result in a variable?

angularjs,cordova,ionic-framework,ngcordova
Hi i have installed ngCordova and trying to accesss the lat long value using this function $scope.lat = ''; $scope.long = ''; var posOptions = {timeout: 10000, enableHighAccuracy: false}; $cordovaGeolocation.getCurrentPosition(posOptions) .then(function (position) { $scope.lat = position.coords.latitude $scope.long = position.coords.longitude }, function (err) { // error }); console.log($scope.lat, $scope.long); When i...

Ionic toggle checkboxes with 2 colors

android,html,css,ionic-framework,hybrid-mobile-app
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 with animations. Anyone has done it before?...

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...

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...

ionic list fixed height accordion

javascript,css,angularjs,ionic-framework
I have an an ionic list accordion that I would like to be of fixed height. meaning I do not want the whole accordion to scroll only inner list so that the headings of the accordion is visible at all times. So it should work like the jQuery accordion Here...

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"...

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...

ngTagsInput css issue

css,ionic-framework,ng-tags-input
I'm using ngTagsInput plugin to render some autocomplete tags. I have used this in one of my previous projects and worked fine. However , in my new project , when I add the ngTagsInput css, it doesnot show the text area for user to type tags. I checked the css...

How to open an Ionic Modal from an Ionic Tab

javascript,angularjs,ionic-framework
I have a use case where I'd like to open an Ionic Modal by clicking an Ion Tab. Our app has 4 fixed ion-tabs. One of the tabs currently goes to a comment form but it would be better suited as a modal (so the user can quickly complete the...

Google Maps on Ionic Framework/Cordova not working on android build

cordova,ionic-framework,phonegap-plugins,cordova-plugins
I have been writing code for an app to track user location and display it using Google Maps. My code works perfectly in browsers (Safari,Firefox,Chrome) but doesn't work at all on mobile (android). The google maps api doesn't work and the navigation is unreliable. I'm a ionic newbie and wrote...

Only display certain items in AngularJS

javascript,angularjs,ionic-framework
I am a newbie to AngularJS and Ionic framework and using the basic Starter Tabs Ionic template, I want to be able to "Favourite/Bookmark" some items and display them on a different tab. My books.js structure is as follow: .factory('Books', function() { // books data var books = [{ id:...

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...

Google maps not working on android emulator ionic framework (navigator.geolocation.getCurrentPosition)

javascript,android,google-maps,android-emulator,ionic-framework
My app works fine on browser but doesn't render the google map on emulator. This app is based on an exisiting app that already has a google map working fine on emulator (and device) I think because navigator.geolocation.getCurrentPosition it's not triggering. I edited AndroidManifest.xml with but I still with this...

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...

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...

Problems with hybrid HTML5 apps when IOS/Android updates?

android,ios,ionic-framework,hybrid-mobile-app,html5-apps
Are there any specific problems associated with HTML5 hybrid APPs (Ionic, PhoneGab, etc.), when the smartphone's OS is updated? Will my app for example be directly compatible with the new version OS? or will I have to wait for the used framework to updated as well?...

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

angularjs,ionic-framework,publish-subscribe,rootscope
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="badge-assertive" on-select="enteringAccount()" on-deselect="leavingAccount()" ng-controller="homeTabCtrl"> <ion-nav-view name="tab-account" animation="slide-left-right"></ion-nav-view> </ion-tab> I want the levelBadge value change when there is something happen in other scope. In other scope, I have this controller (lessonCtrl). When click a button...

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...

File upload error code 1 in ng-cordova filetransfer plugin

angularjs,cordova,ionic-framework,visual-studio-2015
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. for that purpose i am using File-transfer plugin in angular controller and RestApi (ASP.net webapi) at server side....

$scope does not getting called in view

angularjs,cordova,ionic-framework
I am having one cordova mobile app developed with the help of angularJS. In that, i have added the event listener 'resume' that calls when you log in to app, come out from the app without logout and again tap on the application icon on mobile to see it again....

multiple returned keys json

javascript,angularjs,ionic-framework,angularjs-factory,angularjs-http
I have a joomla site running k2 and pulling info from it by adding format=json to the end of the string: https://www.example.com/posts?format=json which outputs something like this: { site: { url: "https://www.example.com", name: "mySite" }, category: { id: "67", name: "Gauteng", alias: "gauteng", link: "/tna/provincial/gauteng.html", parent: "66", extraFieldsGroup: "0", image:...

How to run lastTask after forEach

javascript,angularjs,cordova,ionic-framework,promise
I have an array of images which I iterate and upload each to a remote server. Once the file is uploaded I use the result to get the file name and push to another array. The problem I'm having is that not all results are being pushed to the array....

How to copy a photo from gallery to dataDirectory?

javascript,cordova,plugins,ionic-framework
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 var options = { quality: 50, destinationType: Camera.DestinationType.FILE_URI, sourceType: Camera.PictureSourceType.PHOTOLIBRARY, saveToPhotoAlbum: false }; return $cordovaCamera.getPicture(options).then(function (result) { return handlePictureResult(result); }) $cordovaFile.copyFile('content://media/external/images/media/8793', null,...

Ionic tabs navigation issue

angular-ui-router,ionic-framework
I'm using both of the Ionic framework and IU router to make a better navigation for you my first web application. Here a simple architecture so you can easily understand the structure : The problem I'm facing is that i'm not able to keep the state when navigating between tabs....

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?

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;...

Ionic framework + Google material design, which framework to use? [closed]

angularjs,ionic-framework,material-design,materializecss
I really want to use Ionic Material Design into my app. I am currently using Ionic Material: http://ionicmaterial.com/ It is really easy to use and it work great sometime but not the others. It is little bit buggy on the actual devices and it is NOT PRODUCTION ready (and I...

How to protect localstorage and websql data in cordova - ionic application

html5,local-storage,ionic-framework,hybrid-mobile-app,web-sql
data stored in local-storage or in WebSql database is not protected. we can directly see all the data of WebSql and local-storage because they are stored as plain text. is there any way to protect data? ...

$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...

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....

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...

Convert ng-click to Blaze in meteoric

angularjs,meteor,ionic-framework,meteor-blaze,meteoric
I used ng-click as below in ionic: <div class="list"> <a class="item item-icon-right nav-clear" href="#/app/list1" ng-click="closeMenu()"> <i class="icon ion-ios7-paper"></i> Item 1 </a> .... </div> know I want to use Meteor with Meteoric. I don't know how to convert ng-click to Blaze version. Please guide me. I didn't find anything about this...

AngularJS, ng-repeat, checkboxes and toggleAll

angularjs,checkbox,angularjs-ng-repeat,toggle,ionic-framework
There's no question. Searching over the internet, you can easily find examples with how ng-repeat and checkboxes work. All these examples include only few checkboxes. But, have you tried to create several hundred checkboxes, then use some toggle button to check/uncheck all checkboxes? The app becomes totally unresponsive. In browser...

which apk runs on the Android device ionic

android,ionic-framework,apk,android-install-apk
Which apk file runs on the Android device after the cli command ionic run android? Where can I find this file inside my project?

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...

ionic & LeafletJS set marker

javascript,ionic-framework,leaflet
I am trying to set markers to my $scope.map variable with L.marker([location.lat,location.lng]).addTo($scope.map); , but I keep getting this error: TypeError: t.addLayer is not a function at o.Marker.o.Class.extend.addTo (leaflet.js:7) at mapController.js:82 I don't know why, because I am basically doing the same as in http://leafletjs.com/examples/custom-icons.html and as it is specified in...

Cordova verify app is asleep when not active

cordova,ionic-framework
I'm having test users say that my app is taking too much battery life on their android devices. I'm testing on a tablet (nexus 7) and in the Settings > App info > Permissions I see prevent tablet from sleeping. So does this mean that my app is keeping the...

Buttons in list item overflows when using item-button-right

android,html,ionic-framework
I have three buttons in each list item, I want to display them next to each other on the right hand side, but if I add "item item-button-right" the items moves right but overflows with each other and then it looks like one button. I have tried <ul></ul> but then...