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
2
votes
2 answers

react server side rendering with client side routing

An initial server rendering for my homepage route ( / ) works fine. Also, subsequent client side navigation to ( /#/page2 ) works fine. However, if I load /#/page2 directly from the address bar, the server rendered homepage loads in the browser…
2
votes
0 answers

How to use Jasper Reports with AngularJS

I googled for using JasperReports with AngularJS is possible or not, but I couldn't find any exact solution about that. Let me explain our current situation and after that I will explain what I want to do. We are using Spring for our application…
vtokmak
  • 1,496
  • 6
  • 35
  • 66
2
votes
0 answers

How can I make multiple page with mean.io?

I want two different views. Like, one for admin panel and another for client side / front-end. How can I achieve that? There should be two different views overridden from system view or something like that. Mean.io automatically loads all necessary…
codersaif
  • 946
  • 9
  • 15
2
votes
2 answers

How to add sliding page transition in a Single Page App?

I am using Sammy.JS for my routes and I can hide and show my pages with its callback, but the transition isn't good. What I wanted is to show the pages from right to left or when going back, it would be left to right. var app = Sammy('body',…
2
votes
1 answer

Passing Authentication from WebApp to WebAPI using BreezeJS

I am having two web applications, one a SPA using AngularJS + BreezeJS and the other a WebAPI. We are building authorization in the WebAPI and the results get filtered based on user access. We want the user to sign-in into organization Azure AD in…
2
votes
1 answer

OWIN custom Authentication Service

I need to create a Single Page Application that support authentication. Our business already have a authentication service. I just don't know where to start. Scenario: The user tries to access a protected method in a controller: [Authorize] public…
Baral
  • 3,103
  • 2
  • 19
  • 28
2
votes
2 answers

Can we provide two entry points for single page application?

I am working on a Single Page Application. Our first page is login page where we enter username and password. Now client gave us a new requirement to provide a seperate login page for admin users. There should be an extra drop down list in Admin…
Lini Susan V
  • 1,135
  • 1
  • 8
  • 25
2
votes
0 answers

Is my app secure? Token authentication with Rails and Angular

I have a Single Page Application in AngularJS with API in Ruby on Rails (Grape framework). My authentication system looks like this: User create an account. Sends information to server. Server save user in database and generate token with Devise.…
2
votes
2 answers

Loading the specific page on Browser Refresh. SPA AngularJS

I am creating a new Web API and Angular application. I want to know how we can handle routes on server side. Everything is working fine. I am using ui-router for routing, when i refresh browser that its giving me. HTTP Error 404.0 - Not Found I…
Ravi Mittal
  • 1,947
  • 4
  • 22
  • 37
2
votes
1 answer

AngularJS - Display data based on select value

I'm working on an Angular app that has two states: home, and lists. The 'home' view has a form to create 'lists', and display 'lists' that have been created. The 'lists' view displays the contents of a specific list based on the parameter ID (e.g.…
Kyle
  • 1,153
  • 5
  • 28
  • 56
2
votes
1 answer

Backbone.Collection.reset() => child view is out of sync with parent

I have a list of items. They are stored in backbone pageable collection. They are displayed like…
coderek
  • 1,860
  • 14
  • 20
2
votes
1 answer

Multiple AngularJS apps in a single page

I have the following 2 apps in a single page Navbar Module Located in the navbar of the page. Is included in every page of the application via the master layout file (im using laravel). Contains Search functionality + Navbar functions like (logout,…
shahalpk
  • 3,383
  • 7
  • 36
  • 55
2
votes
1 answer

AngularJS "Dynamic" / "Wildcard" routing

I am using angular ui router like following: angular .module('app', [ 'ui.router' ]) .config(['$urlRouterProvider', '$stateProvider', function($urlRouterProvider, $stateProvider) { $urlRouterProvider.otherwise('/'); $stateProvider …
2
votes
1 answer

page.js make examples/hash work with hashbang: true

The question says it all. I'm trying to make the example under examples/hash/ in the page.js examples work the same way it does, only using the { hashbang: true } option, but no avail. I've also tried setting , but that seems to…
Alain Jacomet Forte
  • 4,575
  • 6
  • 29
  • 41
2
votes
1 answer

Do I need ASP.NET MVC 5 SPA template?

I want to build responsive SPA web application. I followed old paradigms before and the way it is supposed to be done nowadays is not very familiar to me, so sorry if my question seems unadequate. Now I'm trying to understand the motivation behind…