I am using https://github.com/chieffancypants/angular-loading-bar to run loader in angular view loader.
What version of angular-loading-bar are you using?
angular-loading-bar v0.9.0
What version of angular are you using?
I am using AngularJS v1.5.8
What is the issue ?
Right now, I have added cfpLoadingBar in my app.config > route configuration ( its one time initialization,
it is coming to all the page prior loading.
It is OK to set globally.
but, I want the spinner loading bar to all the page except two other views.
I have 4 views used in application.
Home page view
Detail page view
Contact page view
About Us page view
I want spinner loading to contactus & aboutus page.
means "cfpLoadingBarProvider.includeSpinner = true;"
and for Home page and details page I want to set template to show the welcome message HTML.
means " cfpLoadingBarProvider.spinnerTemplate = "<p>Welcome to my site</p>" "
How can I handle single angular loading bar with different condition
can you help me on this.
is there any possibility?
What did you expect to happen?
Home page view - it should come with "welcome message"
Detail page view - it should come with "welcome message"
Contact page view - it should come with spinner as usual
About Us page view - it should come with spinner as usual
If not possible, then show me different way how to add condition to full fill my requirement..
Related
I am using DevExtreme react template in my react js project from below link.The router page navigation is working fine as per my requirement.I would like to know how to use router page navigation as in "Tab" instead of single page.For example if we take from below link,there are two pages in sidebar (profile and display data pages).If I click "Profile and display page" ,both the pages should display in Tab but currently its shows only current page.hope its clear.
https://devexpress.github.io/devextreme-react-template/#/home
I also want to note that you can contact DevExpress support team directly at Submit a Support Ticket. They answer questions in 24 hours, so you will be able to resolve the issue faster.
I want to have nested routing in angular-
In User.html, i will have three sections add, edit ,delete.
On click of add it should route to user/add and redirected to add.html and same for others.
How can this be achieved?
You can use $anchorScroll but that will not change your url mean you will stay on the same page and it will just scroll you to the section. As i can understand you want to have different actions on the same page, there are many ways to do so like angular like ng-show and ng-hide. You you the user edit view on demand and so with the add user. You can use same form for add new and edit. there is a tutorial on Angular page if you scroll down there is a section Wire up a Backend and that's something you want in your application i guess :-)
I am creating a web application from scratch. I have login form page which on successful authentication, navigates user to home page where we will have a menu bar and dashboard view. Now user can click on any menu option and navigates between pages.
My problem is i have to use ng-view in home.aspx and not in login.aspx. And all my scripts are included in login.aspx page. When I write routing in the home.aspx ng-view wont work. Can you please guide here?
You can add your scripts to your layout page which is the parent of all pages when you add script over there it will be accessible to all application pages
I am using angularjs and ui-router. I have a page where i search certain content and show/hide some sections. I want to add history to browser, so that when user clicks on back. He can go to previous page where he was. How do i handle this requirement.
There's an example given in angular docs which shows how to organize a project so that you can have common nav bar at the top.
Is it possible to have something similar for another app, which has no nav bar on the landing page, but then once you click on a link /showresults/:id, everything else should have a navigation bar? The problem I think I'm having is that /showresults/:id can't have ng-view? Does this require 2 modules?
You could set a variable in your main page controller that doesn't exist anywhere else and then use ng-if
<main-nav ng-if="!homePageScopeVariable"><main-nav>