0
votes
1answer
27 views

How to use loading gif image till angular js grid loads

I have an angular js table which loads in some time. I want to display a loading gif image till the time it loads. I have seen multiple examples but not able to figure it out as I am new to angular JS....
1
vote
0answers
21 views

angularjs es6 lazy loading

I have angularjs application, built with webpack. I use ES6 modules, and import the css within each component. Anyway, I want the CSS to be included and used only when I navigate to the component - ...
0
votes
1answer
7 views

Updating $rootScope of hosting app in widget

Using angular-widget we are hosting a lazily loaded angularjs app. I've created a service in the hosting application to expose a loading screen, that widgets can use to tell the hosting app to show/...
0
votes
1answer
71 views

Lazy load angular 1.5 components

I'm building an angular app and I want to load my components only when that route has been requested. I thought something like this might work const states = [{ name: 'login', url: '/login?...
0
votes
1answer
37 views

Angular 1 ocLazyLoad - Use with extended controllers

I've used ocLazyLoad to load a controller for a ui-router state with a resolve function in the state definition, and within this controller I've used angular.extend to extend my main controller with ...
0
votes
0answers
28 views

unable to init ocLazyLoad error

I am trying to load oclazyload by injecting oc.lazyload module dependency in below code: define([ 'angular', 'ui-bootstrap', 'ocLazyLoad'], function initModule(angular) { 'use strict';...
5
votes
3answers
207 views

Not load a JS file for a specific path

I have a website by mean-stack. Normally, all my external references are listed in index.html I realize that one external JS library (e.g., https://cdnjs.cloudflare.com/troublelibrary.js) I am ...
1
vote
1answer
20 views

Ui.Router using lazyLoad imports JS files, but buttons lose functionality

The SmartAdmin template uses lazyScript to import the JS files, it works, everything works fine, but when I navigate between the pages the Ui buttons stop working. I can not understand because the ...
1
vote
1answer
63 views

unable to init ocLazyLoad error while including dependency inside a lazyloaded module

I am trying to load modules progressively. I made a file ‘lazyModule.js’ and I load this module using oclazyLoad. When I define myModule.js dependency in this lazyModule.js, it throws following error ...
1
vote
0answers
29 views

ocLazyLoad not allowing to execute jasmine test case

I recently added ocLazyLoad module in my app. I am executing jasmine unit test case for home.controller.js. In home.route.js I have following code app.config(['$stateProvider', 'homeConfig', '...
0
votes
2answers
166 views

How to add item to array in ng-repeat with lazy loading

I have an array of comments. For each of the comment, I have a hidden form where you can reply. That item in each object of the array is called: comment.showSubCommentForm. When I click on Reply, I ...
-1
votes
1answer
65 views

call plugin template /page with script ui.route angularjs?

Hey all can you help me, i want to call css and jquery file for template but one page, i have made it but it does not show its page and plugin file has been called!! this function app.constant for ...
0
votes
0answers
39 views

AngularJS animation bug when lazy-loading images with $interval

I'm attempting to lazy-load images into the DOM using AngularJS's (v1.4.8) $interval. I do this by retrieving a JSON file via HTTP request, which contains URLs to each image. I then insert these URLs ...
0
votes
0answers
19 views

Customer-specific module

We're building an SPA made with angularJS, connected to a RESTful backend. We're facing some design issues, as some of our display deeply depends on the "connected user's organisation". We've made a ...
0
votes
1answer
37 views

How do I lazy load scope in AngularJS?

I have a chart generator plugin built with AngularJS and d3js, I want to load some charts based on a priority ranking, for example: There are 6 charts with 3 priority levels: First priority: chart #...
0
votes
0answers
18 views

Function defined in other angular controller sometime shows undefined

I have two angular controller files homeController.js and Controller.js. After logging in application homeController.js is called and from this controller a function $rootScope.getData(); is called ...
0
votes
0answers
45 views

All images are loading at once angular material

I am using me-lazyload and copy paste exact code and placed in my controllers and views no error is showing and all images are loading at once not on scrolling .. I am using angular material. var url ...
1
vote
2answers
587 views

Angular Material Tabs Lazy Load

I have recently started using AngularJS but I have run into a problem when using md-tabs (https://material.angularjs.org/latest/demo/tabs). On my page, I have several tabs and there are ...
1
vote
1answer
155 views

Child state not waiting from parent resolve

I have a parent state which in its resolve loads a JavaScript file (say abc.js). All child state's controllers are defined in that abc.js file. So it is obvious that I want all child state to be ...
1
vote
0answers
111 views

How to make web app that loads in the same way like flipkart or amazon?

Basically i want to know which technology or language these webapp uses? I want to achieve following: Main content should load first and secondary content should loads in background after main ...
1
vote
1answer
514 views

Does the Angular 2+ Router Unload the Previous Lazy Loaded Module

I have been working on numerous ngModules, each encapsulating their own set of components, services, directives, etc. They are large. Now that I am ready to string my app up and lazily route each ...
0
votes
1answer
574 views

Lazy load angular modules on demand and with permission

Take a SaaS company that wants to pack all its services into a single, uhm.. Single Page Application using Angular (1). Now there is a public area (landing page, etc.) and an internal area. There are ...
0
votes
0answers
139 views

Using of Requirejs and OcLazyload to load angular controllers and external files

I work on a angular app. I need lazy load of angular controllers and external css and js files. I use Requirejs to load angular controllers and everything is ok. but I want to lazy load of some css ...
9
votes
1answer
340 views

register lazyloaded controller angularjs

I want to load controllers like so: .state({ name: 'app.search', url: 'search?q&opts', templateUrl: '/templates/search.html', controller: 'SearchCtrl', resolve: { deps:...
0
votes
1answer
568 views

Angular js fetch data from multiple table at the same time

This is not a question about something where I am getting stuck. It's a question about good practice and performance. My code is working properly. But I want to know the correct way of doing this task....
1
vote
0answers
146 views

angular-router-loader not working with npm linked packages

How can I make this loader work with an npm linked dependency? I have two projects Project Aand Project B. Project B is linked with npm link and it provides modules to project A. The loader works ...
0
votes
1answer
177 views

Angular lazy load js file from partial view

I have a js file in my partial view. How would I load it dynamically when that partial is loaded? My directory structure is app ---css ------style.css ----js -------app.js ...
0
votes
1answer
1k views

How To Lazy Load JS file In AngularJS (Single Page Application)?

How To Lazy Load JS file In AngularJS (Single Page Application) ? Example: var dashBoardModule = angular.module( 'dashBoardApp',[ 'ui.router', 'ui.calendar', 'ngTagsInput','ui.sortable', 'chart....
0
votes
0answers
173 views

Load a modal with its controller as a service

I am trying to create a factory that loads the html template and then compile the html with the newly loaded controller... app.factory('$modal', function ($templateProvider, $compile, $ocLazyLoad){ ...
2
votes
0answers
2k views

Lazy load images using AngularJS

I am using this plugin "https://github.com/Treri/me-lazyload" to lazy load images in my AngularJS application. It works only for few images then it is not working. This is my HTML :- <div class=...
2
votes
0answers
192 views

Some times oc.lazyLoad not working properly in angularjs?

Am working on the Angularjs project in which there is requirement to load the css and js files on demand, For this purpose i used the oc.lazyLoad library in angularjs, but some times pages loaded ...
0
votes
1answer
89 views

Lazy load js/ optimize load time

I find it hard to figure out a way to optimize my current stack. My current load time on throttle ( Regular 3g Chrome Dev tools) is 42-43s. I tried to lazy load CSS but it seems main.js file(2.9MB) ...
0
votes
1answer
77 views

Angular: Why lazy-loading a decorator doesn't work?

Synchronously registering a decorator angular .module('myApp') .decorator('$controller', MyDecorator); angular .module('myApp') .controller('MyCtrl', MyCtrl); Asynchronously registering a ...
15
votes
3answers
3k views

AngularJS- Dynamic Loading of script files using LazyLoad- Webpack

Right now in my index.html page I have links to two CDN files one being a JS and the other a CSS file. i.e. in the the bottom of my body https://somedomain.com/files/js/js.min.js and in the head ...
2
votes
1answer
535 views

Angular 2 CLI - 3rd party JS plugins lazy loading

https://github.com/ocombe/ocLazyLoad I have used this for Angular 1, is there any alternative plugins like this to work for Angular 2? I want to include the 3rd party Javascript plugins on demand (...
1
vote
1answer
170 views

Loading components and other dependencies with ocLazyLoad plugin

I'm working with AngularJS and ocLazyLoad plugin. And I can't find a solution for my problem. I have created one component (named as component.js) and controller for this component (in separate file ...
0
votes
2answers
217 views

How to implement lazy loading in Angular with dynamic img src

I need your help to figure this out: I load several images in my app with dynamic src, so basically I can't predetermine their source, since it depends on certain parameters, like: <img src="...
2
votes
1answer
989 views

Lazy loading Angular modules with Webpack

I'm trying to get lazy-loaded Angular modules working with Webpack, but I'm having some difficulties. Webpack appears to generate the split point correctly, because I see a 1.bundle.js getting created ...
1
vote
0answers
124 views

ocLazyLoad angular load js file synchronously

Here my code. var app = angular.module('app', [ 'oc.lazyLoad', 'ui.router', 'ncy-angular-breadcrumb' ]); app.config([ '$ocLazyLoadProvider', function($llp) { $llp.config({ ...
1
vote
0answers
35 views

Need dynamic variables from API before loading AngularJS library

We are developing our application to a multi-tenant environment. Because we are integrating into Auth0 for each client they have their own ApplicationID, callbackUrl etc. angular .module('...
1
vote
1answer
397 views

Load libraries from an external lib folder without npm in webpack

I am getting started to migrate my angular app to webpack. I have a file structure as belows: - app/ ------ app.js ------ index.html - lib/ ----- angular.js ----- jquery.js ----- ... - webpack.config....
0
votes
2answers
276 views

Load more button in AngularJS and lightGallery

I am using lightGallery for a website and I wanted to add a "load more" button to the gallery page, mostly for faster loading on mobile phones. I found various methods and tried them. Most of them don'...
1
vote
2answers
3k views

Angular 2 module lazy-loading not working

I'm trying to get my head around Angular 2 (RC5) lazy-loading of modules by building a basic structure of a site with two sections, welcome and backend (think login page and main site). I've set it up ...
0
votes
1answer
147 views

lazy loading and $ocLazyLoad

I recently discovered the $ocLazyLoad third party angular module which enables lazy loading of javascript files. I'm a bit confused about this concept. How is lazy loading different than caching, and ...
0
votes
1answer
271 views

Lazy loading modules

Whenever I attempt to go to profile state I'm thrown back to the home state (no errors in console). Here's my setup: app.js angular.module('app',[ 'oclazyLoad' 'app.components' ]) .config(['$...
0
votes
2answers
408 views

Angular Best Practice : Lazyload vs Concatenation [closed]

I have built many angular applications, and each time I try to improve app performance , architecture .. etc. One strategy some people follow is to concatenate all JavaScript files in one minified ...
1
vote
3answers
427 views

AngularJS: How to inject or require third parties library in directives?

What I am trying to do is my own angular directive. In this angular directive I would need a third party library. Just to put an example I want to create a directive for tag clouds with d3. In that ...
2
votes
0answers
171 views

Lazy loading controller error “[ng:areq] Argument 'aboutCtrl' is not a function, got undefined” in angular.js

I am using require js in my project to load controllers on demand, I am getting "[ng:areq] Argument 'aboutCtrl' is not a function, got undefined" exception while invoking "aboutCtrl", i have ...
-2
votes
1answer
257 views

Java Rest Web service and Angular Table with data lazy load

I want to create table using AngularJS. I'm getting table data from server(I use rest web service) I want to make table as lazy loaded. Do you have any idea how to reach that ? I mean if i have ...
0
votes
0answers
263 views

How to implement lazy loading for multiple modules

I need to implement lazy loading for my project which uses AngularJs, RequireJs, Grunt.This is a very large project and it is divided into multiple modules containing their separate controller, ...