angular-async-loader alternatives and similar libraries
Based on the "Control Flow" category.
Alternatively, view angular-async-loader alternatives based on common mentions on social networks and blogs.
-
Bluebird
:bird: :zap: Bluebird is a full featured promise library with unmatched performance. -
Javascript State Machine
A javascript finite state machine library -
when
A solid, fast Promises/A+ and when() implementation, plus other async goodies. -
step
An async control-flow library that makes stepping through logic easy. -
contra
:surfer: Asynchronous flow control with a functional taste to it -
modern-async
A modern JavaScript tooling library for asynchronous operations using async/await, promises and async generators -
ObjectEventTarget
A same behaviour EventTarget prototype, that can work with any object from JavaScript -
sporadic
Composable Concurrency Abstractions for JavaScript. :railway_track: :rhinoceros: :train: :vertical_traffic_light:
Appwrite - The Open Source Firebase alternative introduces iOS support
* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest.
Do you think we are missing an alternative of angular-async-loader or a related project?
README
angular-async-loader
Load modules and components asynchronously for angular 1.x application.
Support load angular modules:
app.useModule(name)
Support load angular components:
app.controller
app.services
app.filter
app.directive
app.value
app.constant
app.provider
app.decorator
Support following amd/cmd loaders:
Require.js
Sea.js
System.js
Support controllerUrl/denpendencies
config in angular-ui-router
and angular-route
:
$stateProvider.state
$routeProvider.when
Demo
http://subchen.github.io/angular-async-loader/demo/
Installation
npm
npm install angular-async-loader
bower
bower install https://github.com/subchen/angular-async-loader.git
Usage
index.html
<script src="assets/requirejs/require.js"></script>
<script src="bootstrap.js"></script>
bootstrap.js
require.config({
baseUrl: '/',
paths: {
'angular': 'assets/angular/angular.min',
'angular-ui-router': 'assets/angular-ui-router/release/angular-ui-router.min',
'angular-async-loader': 'assets/angular-async-loader/angular-async-loader.min',
'angular-ui-mask': 'assets/angular-ui-mask/dist/mask.min',
'ng-tags-input': 'assets/ng-tags-input/build/ng-tags-input.min'
},
shim: {
'angular': {exports: 'angular'},
'angular-ui-router': {deps: ['angular']}
}
});
require(['angular', './app-routes'], function (angular) {
angular.element(document).ready(function () {
angular.bootstrap(document, ['app']);
angular.element(document).find('html').addClass('ng-app');
});
});
app.js
define(function (require, exports, module) {
var angular = require('angular');
var asyncLoader = require('angular-async-loader');
require('angular-ui-router');
var app = angular.module('app', ['ui.router']);
// initialze app module for angular-async-loader
asyncLoader.configure(app);
module.exports = app;
});
app-routes.js
define(function (require) {
var app = require('./app');
app.config(['$stateProvider', '$urlRouterProvider', function ($stateProvider, $urlRouterProvider) {
$urlRouterProvider.otherwise('/home');
$stateProvider
.state('home', {
url: '/home',
templateUrl: 'home/home.html',
// new attribute for ajax load controller
controllerUrl: 'home/homeCtrl',
controller: 'homeCtrl'
})
.state('users', {
url: '/users',
templateUrl: 'users/users.html',
// new attribute for ajax load controller
controllerUrl: 'users/usersCtrl',
controller: 'usersCtrl',
// support to load more controllers, services, filters, ...
dependencies: ['services/usersService']
})
.state('components', {
url: '/components',
templateUrl: 'components/components.html',
// new attribute for ajax load controller
controllerUrl: 'components/componentsCtrl',
controller: 'componentsCtrl'
});
}]);
});
users/usersCtrl.js
define(function (require) {
var app = require('../app');
// dynamic load services here or add into dependencies of ui-router state config
// require('../services/usersService');
app.controller('usersCtrl', ['$scope', function ($scope) {
// shortcut to get angular injected service.
var userServices = app.get('usersService');
$scope.userList = usersService.list();
}]);
});
components/componentsCtrl.js
define(function (require) {
var app = require('../app');
// dynamic load angular-ui-mask plugins for UI
require('angular-ui-mask');
app.useModule('ui.mask');
// dynamic load ng-tags-input plugins for UI
require('ng-tags-input');
app.useModule('ngTagsInput');
app.controller('componentsCtrl', ['$scope', function ($scope) {
......
}]);
});
Build from Source
git clone https://github.com/subchen/angular-async-loader.git
cd angular-async-loader
./make.sh install
./make.sh test
open browser http://localhost:3000/
License
Released under the Apache 2 License.
Copyright 2015-2016 Guoqiang Chen
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
*Note that all licence references and agreements mentioned in the angular-async-loader README section above
are relevant to that project's source code only.