single-page-application

Angular2 How to clean up the AppModule

阅读更多关于 Angular2 How to clean up the AppModule

问题 I've been using the tutorials online and created an 'ok' SPA data entry application. I have it connecting to my WEB API fine but have only built out one Model and already my AppModule has quiet a few lines. I'm thinking forward and using the current method I think the AppModule will be a crazy size once i finish with it, tough to read and possibly even tougher to debug. Have I possibly missed the point of how to structure an Angular2 larger application? I'm struggling to find a tutorial

How to compress URL parameters

阅读更多关于 How to compress URL parameters

问题 Say I have a single-page application that uses a third party API for content. The app’s logic is in-browser only, and there is no backend I can write to. To allow deep-linking into the state of the app, I use pushState to keep track of a few variables that determine the state of the app (note that Ubersicht’s public version doesn’t do this yet). In this case repos , labels , milestones and username , show_open (bool) and with_comments (bool) and without_comments (bool). The URL format is

Bootstrap affix navbar for single page with scrollspy and page anchors

阅读更多关于 Bootstrap affix navbar for single page with scrollspy and page anchors

问题 This is for a single page, with a navbar that links to local anchors only. The navbar comes after a header, but sticks to top when scrolling down. You can see how it works on github pages But I've got two offset problems with link/anchors: as long as you don't scroll, the anchors are offset and masked by the navbar. once the navbar is affixed, the following links work as intended but not the first one. A body margin breaks the layout as it prevents the header from beginning right at the top:

How to authenticate SPA users using oAuth2?

阅读更多关于 How to authenticate SPA users using oAuth2?

问题 Alright, I've spent several days looking for a proper solution on how to properly authenticate users when working with SPAs. I have my own website. I have my own API. I have my own Single Page Application. I have my own database of users. The Goal : I need to get an access_token by providing a username and a password. I looked at OAuth2 Implicit Grant, but it requires users to Approve/Decline the app after successful authentication. It doesn't work in my case since I own both the app and the

AngularJS HTML5 Mode - How do direct links work without server specific changes?

阅读更多关于 AngularJS HTML5 Mode - How do direct links work without server specific changes?

Note: This question could also read: How to support bookmarking of hashbang-less client side mvc frameworks in Java. I am transitioning an angular app that uses hashtags to one that is html5mode . I have successfully set $locationProvider.html5Mode(true); And all links from the landing page (index.html) work fine. The problem is, if partial urls are referenced directly, I get a 404, naturally, since the server endpoint definitions aren't coupled to client side-defined routes. So without HTML5 we get non-SEO friendly hashbangs, but with it we cannot bookmark anything other than the landing page

How is it possible to share single js resource between browser tabs?

阅读更多关于 How is it possible to share single js resource between browser tabs?

问题 For example I want to refresh chat messages by multiple tabs with socket.io, longpolling, etc... whatever I have... For that I want to use only a single connection for all of the tabs. How can I make this? I can store the common data in localStore, cookies, etc... And I need some kind of semaphore which gives only a single synchronizer resource to one of the tabs, and after that tab is closed, it gives to another tab, etc... How is that possible? The only solution came in my mind to tell the

Configure Spring Boot for SPA frontend

阅读更多关于 Configure Spring Boot for SPA frontend

问题 I have application where whole frontend part is laying in resource. I would like to separate things apart. And have separate server for UI, provided by gulp, for example. So that I assume that my server should return index.html for all requests that are rendered by client side. Eg: I have 'user/:id' rout that is managing by angular routing and doesn't need server for anything. How can I configure so that server will not reload or redirect me to anywhere? My security config is following(don't

Error: Failed to execute 'send' on 'XMLHttpRequest': Failed to load 'file' : AngularJS SPA

阅读更多关于 Error: Failed to execute 'send' on 'XMLHttpRequest': Failed to load 'file' : AngularJS SPA

问题 I'm very new to Angular SPA and for the first time I get a code by Googling and try to run. But I get some errors in Console. I couldn't figure out why, I found list of following Console errors: XMLHttpRequest cannot load file:///C:/Users/hp/Downloads/single-page-app-angularjs-master/home.html. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource. Error: Failed to execute 'send' on 'XMLHttpRequest': Failed to

Print a div using javascript in angularJS single page application

阅读更多关于 Print a div using javascript in angularJS single page application

I have a single page web application using angularJS. I need to print a div of certain page. I tried the following: The page contains few div (print.html) <div> <div> Do not print </div> <div id="printable"> Print this div </div> <button ng-click="printDiv('printableArea');">Print Div</button> </div> The controller has following script: $scope.printDiv = function(divName) { var printContents = document.getElementById(divName).innerHTML; var originalContents = document.body.innerHTML; document.body.innerHTML = printContents; window.print(); document.body.innerHTML = originalContents; } This

How to make a SPA SEO crawlable?

阅读更多关于 How to make a SPA SEO crawlable?

I've been working on how to make a SPA crawlable by google based on google's instructions . Even though there are quite a few general explanations I couldn't find anywhere a more thorough step-by-step tutorial with actual examples. After having finished this I would like to share my solution so that others may also make use of it and possibly improve it further. I am using MVC with Webapi controllers, and Phantomjs on the server side, and Durandal on the client side with push-state enabled; I also use Breezejs for client-server data interaction, all of which I strongly recommend, but I'll try