Questions tagged [single-page-application]

A single-page application (SPA) is a web application that fits on a single web page with the goal of providing a more fluid user experience akin to a desktop application.

A single-page application (SPA), also known as single-page interface (SPI), is a web application or web site that fits on a single web page with the goal of providing a more fluid user experience akin to a desktop application.

In an SPA, either all necessary code – HTML, JavaScript, and CSS – is retrieved with a single page load, or partial changes are performed loading new code on demand from the web server, usually driven by user actions. The page does not automatically reload during user interaction with the application, nor does control transfer to another page. Updates to the displayed page may or may not involve interaction with a server.

Resources

5306 questions
9
votes
2 answers

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 …
9
votes
1 answer

paypal integration with single page app

I have the exact same problem as described in the post Implementation of Paypal in single page application unfortunately nobody in this vast community seems to have an answer :( With lots of head banging I was able to implement a dirty hack as below…
9
votes
1 answer

Knockout components communication

I have a web app that I want to convert to and SPA using ko components. I wonder how to do a kind of inter component communication. For example I want a "notification" component in which every single component can send notifications. I managed to…
9
votes
4 answers

What's difference between static and non-static resources?

I am primarily a front-end developer/designer, however recently, I've been exploring end to end solutions. Yesterday I finished a TODO application using the mean stack and would like to start exploring deployment options to my VPS. That being…
Armeen Moon
  • 18,061
  • 35
  • 120
  • 233
9
votes
3 answers

Switch stylesheet in single page app

We have a single page app built with angular that contains various features within. One of these features is a drag and drop interface for snippets of code. Each of these snippets has its own styles that are styled separately from the rest of the…
Guy
  • 10,931
  • 5
  • 36
  • 47
9
votes
1 answer

AngularJS: ui-router Redirect view on success & refresh scope with new contents

I am migrating from ng-view to ui-view. In my controller, upon successful create / update / delete, I would like to redirect to an index view with the newly updated / created / deleted data. I currently do this using…
Gravy
  • 12,264
  • 26
  • 124
  • 193
9
votes
1 answer

Single page apps: auth token management and browser refreshes

When working on an Angular app, I have a single page app that communicates with a JSON web service for data. A "login" in my Angular app is really just exchanging a username/password for a token. That token is passed as a header on all subsequent…
user605331
  • 3,718
  • 4
  • 33
  • 60
9
votes
2 answers

OWIN and Forms Authentication with WEB API 2 with SPA

I have a Web API 2 Project that is referenced by a SPA JavaScript application. I'm using OWIN to authenticate the requests and upon login with Forms authentication, however, on each send back to the server my resources are not authenticated after I…
amcdnl
  • 8,470
  • 12
  • 63
  • 99
9
votes
4 answers

Single Page Application for Enterprise Level Systems

I have one general question about SPA.That is,Is SPA suitable only for the Dashboard kind of applications ? Or Can we use SPA for any size of Enterprise level application development (say for ERP solution)? SPA UPDATE : Please check below link for…
Sampath
  • 63,341
  • 64
  • 307
  • 441
9
votes
1 answer

Sammy.js routes not firing from Knockout-bound links in IE10

I have a single page application that uses Knockout.js for data binding and Sammy.js for routing client-side (hash-based) URLs. I'm seeing a weird problem in Internet Explorer, however: sometimes links, when clicked, will change the URL in the…
9
votes
5 answers

HTTP Error 403.14 - Forbidden The Web server is configured to not list the contents of this directory

After finishing the John Papa course on Pluralsight- which is AWESOME by the way!!!) I'm now creating my first SPA. I come from Desktop Application Developer background so excuse me if this question is newbie! When I load the SPA instead of seeing…
EdsonF
  • 2,719
  • 3
  • 30
  • 34
9
votes
3 answers

How to pass data (selected item) to Durandal composed detail view?

I've started using (as of, a few hours ago) Durandal with the hope to manage views and allow composition within a single page - the previous approach, also using Knockout, was getting too unwieldy to maintain in a fat HTML file. I've installed/setup…
user166390
9
votes
4 answers

Cancel route using Sammy.js without affecting history

I want to intercept all route changes with Sammy to first check if there is a pending action. I have done this using the sammy.before API and I return false to cancel the route. This keeps the user on the 'page' but it still changes the hash in the…
John Papa
  • 21,880
  • 4
  • 61
  • 60
9
votes
3 answers

How do I architect single page application using Knockout?

I have begun to play with Knockout recently and I must say it is truly awesome and the power that it can bring to web applications. However now I want to do something real world and architect my solution using Knockout. Eg. How should my viewmodels…
Tim Tom
  • 2,152
  • 6
  • 27
  • 39
8
votes
1 answer

A class is repeated on other classes with react-spa-prerender

I use React SPA Prerender to optimize SEO, and i got this problem : I have a class called HomeTitleContainer, specifically used for the Home.jsx file, which is the home page. import { Container } from 'react-bootstrap'; import Link from…
jozinho22
  • 459
  • 2
  • 7
  • 24