<img src="https://cloud.githubusercontent.com/assets/1016365/10639063/138338bc-7806-11e5-8057-d34c75f3cafc.png" alt="Universal Angular 2" height="320"/>
Universal (isomorphic) JavaScript support for Angular 2.
* NodeJS :: Universal Starter repo
* ASP.NET Core :: Universal Starter repo
Manage your application lifecycle and serialize changes while on the server to be sent to the client.
Angular 2 Universal Patterns - ng-conf, May 2016
Angular Universal Source Code - ReadTheSource, January 2016
Full Stack Angular 2 - AngularConnect, Oct 2015
Angular 2 Server Rendering - Angular U, July 2015
Control server-rendered page and transfer state before client-side web app loads to the client-side-app.
When building Universal components in Angular 2 there are a few things to keep in mind.
Note: Universal currently only works with
router-deprecated
nativeElement
directly. Use the Renderer
. We do this to ensure that in any environment we're able to change our view.constructor(element: ElementRef, renderer: Renderer) { renderer.setElementStyle(element.nativeElement, 'font-size', 'x-large'); }
navigator
or document
. Anything outside of Angular will not be detected when serializing your application into html. If you need access to these types please consider using DOM
from "angular2/src/platform/dom/dom_adapter"
url
in img
tag. For our native <img src="">
element the src
attribute is reflected as the src
property of the element type HTMLImageElement
.We believe that using the word "universal" is correct when referring to a JavaScript Application that runs in more environments than the browser. (inspired by Universal JavaScript)
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4