Share via

AngularJS Grid Android APP using Visual Studio 2015

  • Article

Prerequisites:

  • Visual Studio 2015 with Cordova tools
  • Basic knowledge of AngularJS

Hi, in this article I will describe you how to create AngularJS Grid Android app using Visual Studio 2015.

With Visual Studio 2015 we can create Android apps without knowledge of Java. In this article I will create a AngularJS app using HTML and JavaScript.

So the first step is start Visual Studio and open a new blank Cordova project:

Name the project AngularJSGrid then click OK.

To create a AngularJS app we required some Angular JavaScript and CSS files.

So first download below mention files in the system:

 Add JavaScript files in script folder and CSS files in CSS folder. After this solution should look like this:

Now open www-> index.html file and replace body tag code with this code:

<body ng-app="example" ng-controller="exampleCtrl">

    <div ag-grid="gridOptions" class="ag-fresh" style="height: 100%;"></div>

    <!-- Cordova reference, this is added to your app when it's built. -->

    <script src="cordova.js"></script>

    <script src="scripts/platformOverrides.js"></script>

    <script src="scripts/index.js"></script>

    <script src="scripts/angular.min.js"></script>

    <script src="scripts/angular-grid.js?ignore=notused8"></script>

    <link rel="stylesheet" type="text/css" href="css/angular-grid.css?ignore=notused8">

    <link rel="stylesheet" type="text/css" href="css/theme-fresh.css?ignore=notused8">

    <script src="scripts/example1.js"></script>

</body>

After this select Ripple - Nexus(Galaxy) (an in build simulator for Android apps) and run the project.

It will launch the project in the Chrome browser with simulator tools. With this we can check the app.

To change the data refer example1.js file in the scripts folder.

So here we create a AngularJS Android app with the help of Visual Studio 2015.

Resources: