1480 comments found.
Sorry to bother again. Can we inject angular js module after angularj is bootstraped? I am dealing with a lot of widgets and their corresponding files have to be lazy loaded. I am hoping after lazy loaded, can call angular js to inject those modules again.
you can check the mail, calendar, map js, they are lazy loading. and there is a ui-module directive for load other dependence.
but your lazy loading modules must follow some rules. use the app.directive, app.controller, app.service, app.filter, app.factory, app.service, app.constant, app.value to inject them.
check this http://ify.io/lazy-loading-in-angularjs/
Thanks
When do you plan to publish the next updates? =)
This Sunday, Thanks
Awesome. Thanks!
1.1.2 updated. Thanks
Can i use the theme without ui-load.js and ui-jq.js files
Yes. but you need put other js and css in the index.html. and jQuery plugins will not work without the ui-jq.
thanks
Can i have the files preloaded already..instead of lazy loading them. I want to be able to minify all my js files from the server using Grunt.
yes. put the js files in the index.html.
constant('JQ_CONFIG', {
easyPieChart: ['js/jquery/charts/easypiechart/jquery.easy-pie-chart.js'],
sparkline: ['js/jquery/charts/sparkline/jquery.sparkline.min.js'],
you do not need this config then.
Will the respective directives still work
yes. they will work.
What could be causing this
Error: [$injector:unpr] Unknown provider: JQ_CONFIGProvider <- JQ_CONFIG <- uiJqDirective
Deleted the following from ui-jq.js file
JQ_CONFIG
and
if ( JQ_CONFIG[attrs.uiJq] ) {
uiLoad.load(JQ_CONFIG[attrs.uiJq]).then(function() {
callPlugin();
refresh();
}).catch(function() {
});
}
Works like a charm.
Thanks for the amazing theme and support
Wow this is so cool, awesome, but i noob in angular(still learning) how to create submit handler? for example login, i create some code to handle login or register submit, but it always fail. can you make some example for us?
I will give sample in 1.1.2, Thanks
Hi,
Would you please provide me some suggestions. If I am working on a large applications and I don’t want to load all of the states (links) in to app.js, based on user’s role and load the configuration of states. I am not able to load resolve and deps uiLoad function from .json file. Can you please help?
uiLoad only for css and js, you can use the $http.get to load the json file.
if you have check the official site of the ui-route, http://angular-ui.github.io/ui-router/sample/#/
it separate the states into app.js and “contacts/contacts.js”. hope this help.
Thank you for the awesome support.
Hello,
Do you have a bower or grunt version of the app. It will be helpful.
No bower or grunt version, Thanks
Nice theme,
by the way, do you have any plan for automate tasks like Gruntjs ?
No plan for this in near update. Thanks
Looks great – soon as it has that PSD file i’ll purchase for sure – any idea how long it might be?
about one week, Thanks
great thanks
Gr8 theme! Personally I would love to see left side menu fixed, so I dont have to scroll back top to get to the new page.
You can fixed the side menu on the settings panel. Thanks
Awesome theme! Loving it so far!
I am having a bit of trouble with the datatables setup applying a row callback—what syntax should I be using?
<table id="car-table" ui-jq="dataTable" ui-options="{
'sAjaxSource': 'test_data/cars.json',
'aoColumns': [
{ 'mData': 'Make' },
{ 'mData': 'Model' },
],
'fnRowCallback': 'doSomething()'
}" class="table table-striped m-b-none" />
When I try to add ‘fnRowCallback’ I immediately get errors no matter what syntax I try. Thanks for your help!!
<table ui-jq="dataTable" ui-options="{
sAjaxSource: 'js/jquery/datatables/datatable.json',
aoColumns: [
{ 'mData': 'engine' },
{ 'mData': 'browser' },
{ 'mData': 'platform' },
{ 'mData': 'version' },
{ 'mData': 'grade' }
],
fnRowCallback: doSomething
}" class="table table-striped m-b-none">
define a doSometing() in your controller.
could you give a ui-router for Nested Routing and Nested View with params? ive tried this and it doesnt work on page reload… $stateParams.id goes to undefined on page reload…
controller: function($scope, $stateParams) { $scope.network = $scope.networks[$stateParams.id]; }
you need config the :id on the state.
.state('network/detail', { url: '/{id:[0-9]{1,4}}', templateUrl:''}
when you go to “network/1” url, you will get the $stateParams.id, you can check the “js/mail/mail.js”, there is the $stateParams.mailId.
Thanks
i will check this and see if it easy to include, Thanks
First of all, congratulation on designing one off the greatest templates i’ve seen so far.
It seems there’s a small issue with the class=”active” on the sidebar menu list. When folded, it seems that the active class is not been applied to the selected item.
When not folded, everything looks ok. This has happened to me with chrome but not in firefox. Makes sense?
Again, awesome theme!
next update will use “ui-sref-active” for active item. http://angular-ui.github.io/ui-router/site/#/api/ui.router.state.directive:ui-sref-active
thanks
hi,guy.if u can push clean basic template at next update? sorry my english no good Thanks!
you mean the basic structure of the page? if so, you can use the Chrome devtools to see the structure of the page.
Thanks
Loving the Theme!
Any chance you could incorporate ng-grid and ng-tags-input ?
ng-grid will be add in future update. and you can use the angular select2 for tag input. Thanks
That’s awesome, thanks!
Great theme!
However there is problem with the language switcher in the header. When I check the preview of this template on Themeforest, it works like intended (switch language, and stay on the same page), but when I use it from my webserver, it not only translates all the text, it also sends me back to the main page (dashboard). I just uploaded a clean install of this template (version 1.1.1) and I still have this issue, so it’s not because of my customizations. (if needed, I can give you a link to my page, but only through email, but I don’t think this is neccesary).
remove the href=”#” from the lang link will not direct to main page. but the dropdown will remain on the page. will fix in 1.1.2
Thanks
Cordial saludo,
El estado activo de los links visitados del menu izquierdo no funcionan, al dar click nuevamente en el link la clase “active” se remueve debido al toggleClass que esta en la linea 95 del archivo directives.js, te recomiendo usar<li ui-sref-active="active">...</li> y obtienes la clase activa para el menu por medio de ui-router.
You are right. i will fix this in next update, Thanks
My friend, is it possible to have the resposive menu opening sliding from left instead of opening on top of the page? Thanks!
will add off-screen nav on mobile in next update. Thanks
Thanks! =)
Angular Select2 work very slow in you template. I run Select2 separate and it’s very fast, is something wrong with your configuration.
Actually, i used ui-module directive to load the select2 dependence, so you do not need include the select2 for app initial. the lazy load will take some time to get it work. but it only happen at first time.
Thanks.
I have 2 situation :
- 1) separate page without your implementation of Select2. Angular load 5000 options. Rendered very fast
- 2) application with your implementation of angular-select2 same amount of options(5000). every time when i press on Select I wait for 2 sec until options will be opened, not just first time, but every time
Could you please investigate this situation, this is more performance issues or incorrect implementation.
for example ‘chosen’ work more faster, without any delay
Hi, just tested it, no matter use the “ui-module” or embed the angular-select2 in the index.html. it cost 5s for 5000 records on my pc to open the dropdown list. 1000 records about 2s delay.
I am not sure what affect the efficient.
Thanks!
I don’t know in my case: every time when i try to open dropdown browser try to re render select2 
check this, http://ivaynberg.github.io/select2/ it re-render the dropdown list when you open it.
Easypiechart isnt working with content from $http.get… is it possible to implement easypiechart angularjs version?
Patrick
You can use the ui-refresh=”model” attribute to bind the ng-model to easypiechart.
but you can still get the angular easypiechart from https://github.com/rendro/easy-pie-chart/tree/master/dist
thanks
