Angular oi.select

https://github.com/tamtakoe/oi.select

Angular UI-Router

http://www.tuicool.com/articles/zeiy6ff

Знания Webpack

http://www.cnblogs.com/sloong/p/5570774.html

http://webpack.github.io/docs/multiple-entry-points.html

Bootstrap icon

http://glyphicons.bootstrapcheatsheets.com/

http://www.tutorialspoint.com/bootstrap/bootstrap_glyph_icons.htm

angular-ui-grid

http://ui-grid.info/docs/#/tutorial

angular-toastr

https://github.com/Foxandxss/angular-toastr

flex

https://material.angularjs.org/latest/layout/introduction

ngAnimate

http://augus.github.io/ngAnimate/

http://www.jb51.net/article/68107.htm

http://embed.plnkr.co/0r7GdM91jU2NWsqPtruh/

Фреймворк

Angular 1 + Webpack 2 + Bootstrap 3 + flex

• app.main.js — программный файл входа;

• app.config.js — конфигурационный файл;

• app.run.js — запуск;

• page.module.js — модуль страницы;

• plug.module.js — подключаемый модуль.

• Page — функциональный модуль, каждый модуль состоит как минимум из четырёх частей (route.js, controller.js, html, less), и добавляется в page.module.js для внедрения.

• Directive — пользовательские директивы помещаются в эту папку, и добавляются в directive.module.js для внедрения.

• Serve — пользовательский сервис помещается в эту папку и добавляется в serve.module.js для внедрения.

• Style — стили.

• Img — изображения.

Разработка

• При вызове бэкэнд-интерфейса необходимо импортировать «IHttp».

• Во время разработки не нужно импортировать '$state' и '$stateParams', достаточно импортировать $rootScope.

Использование: $rootScope.$state и $rootScope.$stateParams

• [name].route.js

module.exports = angular.module('login', [])
    .config(route)
    .name;

route.$inject = ['$stateProvider'];

function route($stateProvider) {
    $stateProvider.state('login', {
        url: '/',
        template: require('./login.html'),
        less: require('./login.less'),
        controller: require('./login.controller.js')
    })
}

• [name].controller.js

LoginCtrl.$inject = ['$rootScope', '$scope'];

module.exports = LoginCtrl;

function LoginCtrl($rootScope, $scope) {

}

• [name].html

<div flex layout="column" id="login">
    // Использование flex макета
</div>

• [name].less

#login {
    // Обернуть снаружи, все стили написаны здесь
}