background preloader

Angular.js Example

Facebook Twitter

Angular Material - Demos > Checkbox. Angular2 modal demo application. Angular2 modal demo application. GitHub - shlomiassaf/angular2-modal: Angular2 Modal / Dialog window. Angular Material - Demos > Switch. Angular 2 Example - QuickStart - Plunker. Tag search using a custom AngularJS filter (Example) AngularClass / Angular 2. Cory Rylan, Software Developer and Front End Engineer. Routing Angular 2 Single Page Apps with the Component Router. Free Course Getting Started with Angular 2 Angular 2 is the shiny new framework that comes with a lot of new concepts.

Routing Angular 2 Single Page Apps with the Component Router

Learn all the great new features. We have been so eager here at Scotch to create a comprehensive guide on Angular 2 Component Router. Now that a reliable version (v3) has been released (although alpha), it's a good time then to discuss Component Router. This article will serve as a guide to implementing routing in Angular 2 with a fully fleshed out example touching major aspects of routing including bootstrapping, configuration, parameterized routes, protecting routes, etc.

Take a look at what we'll be building today: # Getting Started: App Setup Angular 2 uses TypeScript, so if you need a refresher on that, take a look at why TypeScript is your friend and our TypeScript tutorial series. Before we get started and to save us some setup time, clone the Angular 2 QuickStart then we can build on top of that. git clone scotch-ng-router npm install # Defining Routes npm start # Wrap Up.

Npm. Angular 2 select demo app. Ng2-input-tag Examples. GitHub - angular/universal-starter: Angular 2 Universal starter kit by @AngularClass. Building Hacker News with Angular 2 CLI, RxJS and Webpack. If you have ever built an Angular 2 application before, you’ll know that setting up and bootstrapping an application can take a significant amount of time.

Building Hacker News with Angular 2 CLI, RxJS and Webpack

Thankfully, the Angular team have rolled out Angular CLI, a command line interface that makes creating and scaffolding an application significantly easier. In this post, we’ll build an entire Hacker News client using Angular CLI, RxJS Observables and Webpack as our module loader. We’ll go through building the entire application step by step. Throughout this post, I’ll try my best to explain my thought process as well as some of the mistakes I’ve made and what I did to fix them. Here’s a rundown of what we’ll be doing. This visual tutorial should make you feel a little more comfortable building an Angular 2 application from small modular parts as well as creating an app from scratch all the way to completion. The NgModule decorator View Encapsulation RxJS. Angular2 Tags. Angular - 第一次的 Angular2 初體驗. 前言 每次看到前端的演進,真的讓人覺得自己就像在洪流之中,不斷的被大潮流沖來沖去,從最最早的 Flash 到 Silverlight,從 Dom 的控制,到 jQuery,從 ASP.NET MVC 4 內建的 knockout 到 AngularJS ,又從 AngularJS 到 React ,然後如今,又回到 Angular2 … 每次看到新技術,都會不自覺的讚嘆,”哇,這實在是太酷了,太棒了”,但每年換一次的技術疲勞,沒有愛,還真的走不下去….

Angular - 第一次的 Angular2 初體驗

所以這篇,秉持著愛與正義 ( 疑!? ) ,還有友情 ( 這是 JUMP 嗎??..) 就在 2016 年的第一天,讓我們就來看看,經過浴火重生的 Angular2 的初體驗吧~~ ( 羞 ) P.S 這篇是由官方的 5 min 實作課程衍生而來,有興趣的也可以參考官方文章。 P.S 2 此篇我們會依據 TypeScript 來進行,基本上,如果你常寫 es6 ,那應該也不用太擔心,而且這篇簡單到炸掉,大家更可以不用擔心。 使用Node.js + Express建構一個簡單的微博網站 « 駭客任務. 使用Node.js + Express建構一個簡單的微博網站。

使用Node.js + Express建構一個簡單的微博網站 « 駭客任務

使用Node.js + Express建構一個簡單的微博網站 What is Node.js? Why use Node.js? Node.js 是 Ryan Dahl 基於 Google 的 V8 引擎於 2009 年釋出的一個 JavaScript 開發平台,主要聚焦於 Web 程式的開發,通常用被來寫網站。 (FROM 用 Node.js 學 JavaScript 語言(1)簡介與安裝 by 陳鍾誠 | CodeData) 已有不少前人討論為什麼要選擇Node.js這樣的開發平台,不外乎就是性能(事件驅動、非阻塞式IO的Web伺服器),如果對這個議題有興趣的可以參考這篇文章 為什麼我要用Node.js? 對我而言,開發上經常是HTML + CSS + JavaScript + ASP.NET C# or PHP常常導致角色錯亂或不容易專精,所以能夠使用JavaScript統一前後端真的是一大福音。 What is Express? Express是目前最穩定、使用最廣泛開發框架,並且是Node.js官方唯一推薦的Web開發框架。 Express除了為HTTP模組提供了更高階的接口外,還實現了許多功能,其中包含:路由控制、模板解析支持、動態視圖、用戶會話、CSRF保護、靜態文件服務、錯誤控制器、訪問日誌、緩存、插件支持。 例如: Eligrey/FileSaver.js. Documentation Overview - ts.

This is a practical guide to Angular for experienced programmers who are building client applications in HTML and TypeScript.

Documentation Overview - ts

The documentation is divided into major thematic sections, each a collection of pages devoted to that theme. You don't have to read the guide straight through. Most pages stand on their own. For those new to Angular, the recommended learning path runs through the Basics section: For the big picture, read the Architecture overview.Try QuickStart. After reading the above sections, you can skip to any other pages on this site. Each page includes code snippets that you can reuse in your applications. Look for a link to a running version of that sample near the top of each page, such as this from the Architecture page.

The link launches a browser-based code editor where you can inspect, modify, save, and download the code. A few early pages are written as tutorials and are clearly marked as such. The Cheat Sheet lists Angular syntax for common scenarios. We welcome feedback! GitHub - mbenford/ngTagsInput: Tags input directive for AngularJS.