mailanpham / angular-skeleton-app-directive-example

[A Maintainable Angular Skeleton] and AngularJS Dropdown Directive vs jQuery Dropdown

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Maintainable Angular Skeleton and ( AngularJS Dropdown Directive vs jQuery Dropdown )

This project shows the layout and sample files of a maintainable AngularJS application skeleton with angular-route. It uses SASS and Material Design repo Materialize.

One of the directives (angular dropdown) compares the differences between a simple dropdown implemented in jQuery.

Folder structure: the angular application is organized by feature components instead of models-views-controllers for maintainability.

Usage

The angularJS application can be run from any web host, simply clone the repo and point to your web host:

git clone https://github.com/iammai/angular-skeleton-app-directive-example.git

You'll see the angularJS application and how its components are organized (game, top page, services, directives like panels and dropdowns, etc).

The angular dropdown directive is also demonstrated.

The comparison jquery version of the angular-dropdown vs-simple-down is a folder that can be run from the web host or directly out of the folder.

PNG of Dropdown Directive in the AngularJS Application: Angular Dropdown Directive and Application

About

[A Maintainable Angular Skeleton] and AngularJS Dropdown Directive vs jQuery Dropdown


Languages

Language:CSS 53.7%Language:JavaScript 45.6%Language:HTML 0.7%