Skip to content

Mikejo5001/angularjs-navigation-master-detail

Repository files navigation

angularjs-navigation-master-detail

The AngularJS Master-Detail Sample shows you how to create a cross-platform, multi-page app using Visual Studio Tools for Apache Cordova (CTP3) in Visual Studio 2015 RC. The extension enables the creation of cross-platform apps using Apache Cordova that can run on Android, iOS, and Windows.

The sample creates a master-detail list using AngularJS in a Multi-Device Hybrid App. This sample demonstrates the following:

  • AngularJS routing for multi-page apps using the routing module (ngRoute) and partial pages.
  • MVC design using the AngularJS controller (ngController) and AngularJS templates.
  • Data binding (ngModel).
  • Flexible UI design techniques (CSS3 FlexBox, Use of @media queries, CSS overrides for limited vw/vh support on some platforms)
  • Simple search function using the AngularJS filter.
  • JSON data files that provide the data model.
  • Page animations using CSS3 @keyframes rules.

Requirements

Visual Studio 2015 RC with optional cross-platform components for HTML/JavaScript installed.

Note: In VS 2015 RC, project structure is updated for compatibility with 3rd party tools and CLIs. If you need to migrate an older version of an app based on this template to VS 2015 RC, see Known Issues (http://go.microsoft.com/fwlink/?LinkID=398782).

Running The App

After you finish downloading and installing VS Tools for Apache Cordova (http://go.microsoft.com/fwlink/?LinkId=524433), open up the project in Visual Studio.

Updates

  • Project structure updated for VS 2015 RC

Known Issues

  • The Android 4.3 browser has some known limitations, and so the sample may not work perfectly on such devices

Terms of Use

By downloading and running this project, you agree to the license terms of the third party application software, Microsoft products, and components to be installed.

The third party software and products are provided to you by third parties. You are responsible for reading and accepting the relevant license terms for all software that will be installed. Microsoft grants you no rights to third party software.

Important links

  1. AngularJS License (https://github.com/angular/angular.js/blob/master/LICENSE)
  2. winstore-jscompat.js License (https://github.com/MSOpenTech/winstore-jscompat/blob/master/License.txt)

License

The MIT License (MIT)

Copyright (c) Microsoft Corporation

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

About

AngularJS Navigation sample with master-detail list

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published