single-page-application

data flow in react application

阅读更多关于 data flow in react application

I am currently learning react and I have run into the problem of elegently extracting states from my components. basically I have a few components which contains forms and other inputs from which I need the data in my business logic, the data I need is coupled with the state of the component. From what I understand the data should have unidirectional flow but I can't think of how I can make my data flow back towards my business logic. I could just make some interface functions which call the respective, but I feel this would violate the unidirectional flow. anyhelp with some examples would be

Conditional routing in Durandal

阅读更多关于 Conditional routing in Durandal

In my HotTowel based project, I'm using Durandal 1.1.1 for routing. I have a login route, which I want to activate if the user is not logged in. my route config is like: var routes = [ { url: 'login', moduleId: 'viewmodels/login', name: 'Login', visible: true, caption: 'Login' },{ url: 'moduledetail/:id', moduleId: 'viewmodels/moduledetail', name: 'ModuleDetail', visible: true, caption: 'ModuleDetail' } I want if user want to go #/moduledetail/1 and is not authenticated yet, the browser navigate to route #/login/moduledetail/1 so after successful login route back to the #/moduledetail/1 . A

What are some techniques for deploying a single page application that depends on a rest api?

阅读更多关于 What are some techniques for deploying a single page application that depends on a rest api?

问题 I'm building a Single Page Application (using AngularJS) that renders data from a REST API call it makes to a legacy system. This legacy system is very large, written in Java and takes minutes to deploy so we decided it would be more productive to develop the Single Page Application completely separate from the legacy system. The problems occurred once we tried to communicate with the legacy system's REST API. Although both apps were deployed locally to the same host, they were deployed on

Check firebase for an existing object based on attributes, prevent duplicates

阅读更多关于 Check firebase for an existing object based on attributes, prevent duplicates

问题 I want to check my firebase to see if I already have an object stored that matches two attributes. To put this question into context, imagine an app that just stores songs, with attributes like 'artist' and 'songname' and some more, like this: var wishlist = new Firebase('https://myurl.firebaseio.com/wishes'); wishlist.push({ 'artist': artist, 'song': song, 'likes': 0 }); I want to prevent object creation at this point if an object with the same artist AND songname already exists. How do I

Reuse an AngularJS template between page views for the same route

阅读更多关于 Reuse an AngularJS template between page views for the same route

I am using a third party JS API that creates an object attached to an html element on my angular template. Each time the template is loaded I want to reuse the object already created and reattach it to the correct html element. In this plunker you can see the issue demonstrated. And here are the steps to reproduce. I really appreciate any suggests on how to preserve the first object between page loads. Thanks in advance. Problem Description To understand the problem: Tap the "Show Map" link above. The "map.html" template is loaded correctly and a map is shown. Move the map or zoom in a little

Single Sign On (SSO) solution/architecture for Single Page App (SPA)

阅读更多关于 Single Sign On (SSO) solution/architecture for Single Page App (SPA)

问题 I've been investigating SSO solution for SPAs for some time. There're a lot of solutions with subtle difference, while I also found not really everyone has the same understanding of SSO and not many established pattern of SSO for SPA are out there. Thus I'm not asking for a detailed design/architecture, but just try to see if there's any common practice on this topic. What do I mean for SSO? We have a few new SPAs under development(also potentially mobile and tablet apps), which will be

Keeping URL Fragments when redirecting in Internet Explorer

阅读更多关于 Keeping URL Fragments when redirecting in Internet Explorer

问题 I'm currently facing a challenge with URL fragments in a single page application. When logging in the user will be redirected through Struts to a url containing a URL fragment / Hash / Anchor - part. <action name="LoginAction" class="de.my.stuff.LoginAction"> <interceptor-ref name="myStack" /> <result name="error"> <param name="location">/jsp/login.jsp</param> <param name="anchor">${hash}</param> </result> <result name="success" type="redirectAction"> <param name="actionName"

Breeze.js with WCF Data Service

阅读更多关于 Breeze.js with WCF Data Service

问题 I just started exploring the js library, breeze.js. I've looked through the samples but can't seem to find any example on how to consume a WCF Data Service (all the examples seem to be on Web API). Does any one know how to consume a WCF Data Service (or any other OData service) with breeze.js? I read somewhere in the docs that breeze.js only supports reads for OData services at the moment. That is fine by me as the use-case I'm considering it for does not include writes to the OData Service.

VueJS - Invalid handler for event “click”: got undefined

阅读更多关于 VueJS - Invalid handler for event “click”: got undefined

问题 I have list of elements which I want to go to edit when clicked. I have similar solution in other component and it is working perfectly fine but in new one it is not and can't find why. When component is rendered I got: Invalid handler for event "click": got undefined List: <div v-for="annt in anns" class="item two-lines" v-if="!anntInEdit"> <div class="item-content has-secondary" v-on:click="edit(annt)"> <div> {{ annt.title }} </div> <div > {{ annt.body}} </div> </div> <div class="item

Loading the specific page on Browser Refresh. SPA AngularJS

阅读更多关于 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 want to know how we can handle this. Code for ui-router $stateProvider.state('login', { url: '/', templateUrl: templatesDirectores.wmAccount + 'login.html', controller: 'login-controller', controllerAs: 'vm' }) .state('register', { url: '/register', templateUrl: templatesDirectores.wmAccount + 'register.html', controller: 'register-controller',