angular - UI-Router for Angular: State-based routing for Angular (v2+)

  •        53

@uirouter/angular is a client-side Single Page Application routing framework for Angular. Routing frameworks for SPAs update the browser's URL as the user navigates through the app. Conversely, this allows changes to the browser's URL to drive navigation through the app, thus allowing the user to create a bookmark to a location deep within the SPA.

https://ui-router.github.io/angular
https://github.com/ui-router/angular

Dependencies:

@uirouter/core : 5.0.21
@uirouter/rx : 0.5.0

Tags
Implementation
License
Platform

   




Related Projects

ui-router - The de-facto solution to flexible routing with nested views in AngularJS

  •    TypeScript

Angular UI-Router is a client-side Single Page Application routing framework for AngularJS.Routing frameworks for SPAs update the browser's URL as the user navigates through the app. Conversely, this allows changes to the browser's URL to drive navigation through the app, thus allowing the user to create a bookmark to a location deep within the SPA.

angular-starter - :tada: An Angular Starter kit featuring Angular (Router, Http, Forms, Services, Tests, E2E, Dev/Prod, HMR, Async/Lazy Routes, AoT via ngc), Karma, Protractor, Jasmine, Istanbul, TypeScript, TsLint, Codelyzer, Hot Module Replacement, @types, and Webpack by @TipeIO

  •    Javascript

An Angular starter kit featuring Angular 5, Ahead of Time Compile, Router, Forms, Http, Services, Tests, E2E), Karma, Protractor, Jasmine, Istanbul, TypeScript, @types, TsLint, Codelyzer, Hot Module Replacement, and Webpack by AngularClass.This seed repo serves as an Angular starter for anyone looking to get up and running with Angular and TypeScript fast. Using a Webpack 3 for building our files and assisting with boilerplate. We're also using Protractor for our end-to-end story and Karma for our unit tests.

ngx-admin - Admin dashboard template based on Nebular framework (Angular 4+, Bootstrap 4) previously known as ng2-admin

  •    TypeScript

We will continue supporting ng2-admin version, but if you are starting from scratch we recommend using ngx-admin version. Unfortunately, there is no way to update from ng2-admin to ngx-admin, but some parts (Nebular components) could be manually included.This template is based on Nebular framework, documentation and other useful articles could be found here.


ui-router-tabs - Idiot-proof tab panes with route support using Angular.js + Bootstrap 3 + UI Router

  •    Javascript

Leverages UI Bootstrap and UI Router to give you full-strength route-driven tabs in Angular.js.Add ui.router.tabs as a new module dependency in your angular app.

react - 🔼 UI-Router for React

  •    TypeScript

UI-Router provides extremely flexible, state based routing to the React ecosystem. Routing frameworks for SPAs update the browser's URL as the user navigates through the app. Conversely, this allows changes to the browser's URL to drive navigation through the app, thus allowing the user to create a bookmark to a location deep within the SPA.

router - Reactive Router for Angular

  •    TypeScript

The Angular 2 Router was inspired by the ngrx/router, shares a familiar API and will be updated going forward. The ngrx/router may continue to live on as a framework agnostic router with more experimental features. This is an alternative router for Angular 2 focused on providing a simple, reactive API built to scale for large applications.

igniteui-angular - Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps

  •    TypeScript

Ignite UI for Angular is a complete set of Material-based UI Widgets, Components & Sketch UI kits, supporting directives for Angular by Infragistics. Ignite UI for Angular is designed to enable developers to build enterprise-ready, high-performance HTML5 & JavaScript apps for modern desktop browsers. With the use of all features, the world’s fastest Angular grid, 60+ real-time Angular charts, and more, you are empowered to engineer excellent mobile experiences and deliver progressive web apps (PWA’s) targeting Google's Angular framework. You can find source files under the src folder, including samples and tests.

ngx-quicklink - Quicklink prefetching strategy for the Angular router

  •    TypeScript

quicklink implementation for Angular. It provides router preloading strategy which automatically downloads the lazy-loaded modules associated with all the visible links on the screen. This project aims to be a drop-in solution for sites to prefetch links based on what is in the user's viewport. It also aims to be small (~2KB minified/gzipped).

angular-ui-router-anim-in-out - An animation directive to use with ngAnimate 1.2+ and ui-router

  •    CSS

Animations are triggered by javascript in order to provide events. The default transition speed is 1000ms this can be altered using the data-anim-speed attribute on the ui-view. This is optionally further customised by the data-anim-in-speed and data-anim-out-speed attributes.

nebular - Nebular is a set of essential modules for your next Angular application.

  •    TypeScript

Nebular is a great toolkit if you build a Rich UI application based on Angular, and don't want to spend your time on painful project setup. It provides you with a unified approach for managing styles for various components (3rd party including), pure components tightly connect to Angular and authentication layer easily configurable for your API.There are a lot of awesome front-end frameworks out there these days. They provide a massive quantity of useful features making our lives more comfortable. Our intention is not to create a new one as we are pretty much aware of the complexity and amount of work developers put on their creations. But as developers, we feel that nowadays front-end development is disjointed. You have to search for libraries, go through the different installation process, everything looks different, and sometimes it's just annoying that you can't just sit and start going. That's why we are on a mission to assemble together the most usefule modules and libraries, join them with a unified application and graphical interface creating a great toolkit for easier setup.

ngx-pipes - ⚡️ Useful pipes for Angular with no external dependencies!

  •    TypeScript

TypeSerializer - Another library you might find interesting. Serializer / Deserializer, designed to make prettier code while using decorators (Can be used both with Angular or Node.js).

angular2-aot-webpack - Angular AOT (Ahead Of Time) offline compilation example with Webpack

  •    Javascript

This repository shows how to use the Angular command line offline compiler ngc with Webpack. If you prefer the Webpack plugin provided by the Angular CLI, it can be found in a separate repository.

ng2-nvd3 - Angular2 component for nvd3

  •    TypeScript

Angular component for nvd3 (uses d3 v3!). It has similar technique as angular-nvd3 for angular 1, but designed for angular 2+ and without extra features (like extended mode) you won't need.it requires angular2+, d3 (v3.5.17) and nvd3 as dependencies.

router - Small and powerful client-side router for Web Components. Framework-agnostic.

  •    HTML

Vaadin Router is a small and powerful client-side router JS library. It uses the widely adopted express.js syntax for routes (/users/:id) to map URLs to Web Component views. All features one might expect from a modern router are supported: async route resolution, animated transitions, navigation guards, redirects, and more. It is framework-agnostic and works equally well with all Web Components regardless of how they are created (Polymer / SkateJS / Stencil / Angular / Vue / etc). Vaadin Router is a good fit for developers that do not want to go all-in with one framework, and prefer to have freedom in picking the components that work best for their specific needs.






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.