Skip to main content

Posts

Reading a JSON File With Ionic Framework & Angular Js

Introduction AngularJS is perfect for Single Page Applications (SPAs). AngularJS extends HTML attributes with Directives, and binds data to HTML with Expressions. $http  is an AngularJS service for reading data from remote servers. 1.Create the project ionic start Test blank 2. JSON File to read name as Customers_JSON.json [ { "Name" : "Santosh Shinde", "City" : "Abc_Sangamner", "Country" : "India" }, { "Name" : "Bhausaheb Sangale", "City" : "Sinnar", "Country" : "India" }, { "Name" : " Derik Taylor ", "City" : " Indianapolis ", "Country" : "USA" } ] 3.Write controller to get JSON data controllerJs.js var app = angular.module('myApp...

Hybrid Mobile Apps with Ionic Framework Begginers Steps

What is Ionic, and where does it fit? Ionic is an HTML5 mobile app development framework targeted at building hybrid mobile apps. Hybrid apps are essentially small websites running in a browser shell in an app that have access to the native platform layer. Hybrid apps have many benefits over pure native apps, specifically in terms of platform support, speed of development, and access to 3rd party code. Start building with Ionic 1.Install Ionic First, install Node.js . Then, install the latest Cordova and Ionic command-line tools . Follow the Android and iOS platform guides to install required platform dependencies. npm install -g cordova ionic 2.Create the project Create an Ionic project using one of our ready-made app templates, or a blank one to start fresh. Options are like following way : a)ionic start Test tabs   or b)ionic start Test blank or c)ionic start Test sidemenu That will create a folder called   Test in the directory the co...

Open Existing SQLite File In PhoneGap for Android and iOS

Step 1 :  Just Open command prompt and  Create the App Go to the directory where you maintain your source code, and run a command such as the following: cordova create hello com.example.hello HelloWorld Step 2 :  Add Platform All subsequent commands need to be run within the project's directory, or any subdirectories within its scope: Before you can build the project, you need to specify a set of target platforms. Your ability to run these commands depends on whether your machine supports each SDK, and whether you have already installed each SDK. cordova platform add android { (optional with working multi platforms) Run this to check your current set of platforms: cordova platforms ls Run either of the following synonymous commands to remove a platform: cordova platform rm android } Step 3 : Just Open command prompt and go to your project path and install plugin using CLI cordova plugin add https://github.com/brodysoft/Cordova-...

Integrate SQLite Plugin in PhoneGap for Android and iOS

What is the SQLite? SQLite is a software library that implements a self-contained, serverless, zero-configuration, transactional SQL database engine for store our data. Now why we used in our application? Every mobile app with minimum data storage needs to use a database. Since the mobile devices do not offer the same memory and processing capacity as a computer, we need to use specially designed systems for those environments so we used SQLite client-server systems. Step 1 :  Just Open command prompt and  Create the App Go to the directory where you maintain your source code, and run a command such as the following: cordova create hello com.example.hello HelloWorld Step 2 :  Add Platform All subsequent commands need to be run within the project's directory, or any subdirectories within its scope: Before you can build the project, you need to specify a set of target platforms. Your ability to run these commands depends on whether your machine s...