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

net::ERR_CERT_AUTHORITY_INVALID in ASP.NET Core

I am getting the net::ERR_CERT_AUTHORITY_INVALID error in ASP.NET Core when I try to request my Web API from an SPA. The first solution to fix the issue was to go my ASP.NET Core address from browser Advanced - Proceed to localhost (unsafe) and…
some1 here
  • 646
  • 1
  • 8
  • 18
28
votes
5 answers

Using vue.js with semantic UI

I'm trying to use webpack + Semantic UI with Vue.js and I found this library https://vueui.github.io/ But there was problem compling: ERROR in ./~/vue-ui/components/sidebar/sidebar.jade Module parse failed: /Project/node_modules/vue- …
27
votes
6 answers

How to open a new tab with router.navigate in TypeScript

The following typescript code will always open in the current browser tab navigate($data: menuItem, $event: JQueryEventObject) { //... let a = $event.currentTarget as HTMLAnchorElement; router.navigate(a.href); } How do…
Danielle
  • 3,324
  • 2
  • 18
  • 31
26
votes
3 answers

AngularJS - UI Router stateChangeSuccess event not firing

I am using UI Router in my angular app. I am trying to integrate state change events, but they are not firing on state change. Everything else is working fine and there is no error in console. I came across following similar questions, but none of…
hemu
  • 3,199
  • 3
  • 44
  • 66
26
votes
5 answers

How would I have ui-router go to an external link, such as google.com?

For example: $stateProvider .state('external', { url: 'http://www.google.com', }) url assumes that this is an internal state. I want it to be like href or something to that effect. I have a navigation…
25
votes
6 answers

Add _redirects file to root path for Vue SPA hosted on Netlify

I'm developing a Single Page App using Vue CLI and want history pushstate to work so I get clean URLs. I have to follow this: https://www.netlify.com/docs/redirects/#history-pushstate-and-single-page-apps and add a _redirects file to the root of my…
Alex
  • 301
  • 1
  • 3
  • 10
25
votes
2 answers

single page application implemented with javascript/jQuery

Hi I am looking for a very simple example of single page web application implimented with pure javascript/jquery. Don't want to use angular backbone ember etc..
shikhar chauhan
  • 431
  • 1
  • 4
  • 9
25
votes
2 answers

Why use AngularJs in frontend if Laravel is already used as backend?

I know that AngularJs is FrontEnd and Laravel is Backend but my questions is: Why do I need to use AngularJs in the first place where everything I need is done through Laravel ? From what I understood is that I can make an app with either langs JS…
ctf0
  • 6,991
  • 5
  • 37
  • 46
25
votes
1 answer

Using open graph in a single-page application (sharing with FB, G+, twitter)

I am using knockout for my single page application (there is just one entry point to the application and the view of the app is changing by making ajax calls and modifying the page). I my app, I would like people to take advantage of sharing pages…
Salvador Dali
  • 214,103
  • 147
  • 703
  • 753
24
votes
4 answers

Angular-ui.router: Update URL without view refresh

I have an Angular SPA that presents a variety of recommendation lists, and a Google Map of locations, based on different cuts of some restaurant data (see m.amsterdamfoodie.nl). I want each of these lists to have their own URL. In order for Google…
Simon H
  • 20,332
  • 14
  • 71
  • 128
23
votes
3 answers

Google Ads solution for PWA/SPA?

I've made a single page app via Angular, and plan to also make it a progressive web app in the next few days. I recently realized that Google AdSense apparently doesn't like SPAs and my application has been denied twice. My app is a tool that…
23
votes
2 answers

SPA: using websockets only. Why not?

I am redesigning a web application which previously has been rendered server side to a Single Page Application and started to read about websockets . The web application will be using sockets to have new records and/or messages pushed to the client.…
st-h
  • 2,444
  • 6
  • 37
  • 60
23
votes
3 answers

ng-show disturbing div layout - angularJS

I am using ng-show="!notesOpened" to hide a div if the notesOpened variable is true. However when hidden it messes up layout. Is there a way to make ng-show act in the same way as the css property visibility:hidden? so that all div elements around…
FootsieNG
  • 809
  • 3
  • 12
  • 27
23
votes
9 answers

signalR : /signalr/hubs is not generated

I can get this tutorial to work in a new project, but not in my existing project. My project is an ASP.Net MVC 4 web application with the following attribute in the web.config file:
Sam
  • 13,934
  • 26
  • 108
  • 194
22
votes
3 answers

Using Google OIDC with code flow and PKCE

after trial and error it seems to me that Google OIDC does not support the code flow without supplying the client secret: https://developers.google.com/identity/protocols/oauth2/native-app#exchange-authorization-code According to the latest best…