AngularJS Material 是 AngularJS 框架的谷歌 Material Design 標準的實現。AngularJS Material 包含一組豐富的、可重用、經過充分測試並可訪問的 UI 元件。 針對 Angular 2 或更高版本的實現  https://www.oschina.net/p/material-design-for-angular 要注意的是,Ang
2018-05-16
計劃輸出的應用 這裡就是我們將要做的事情 —— 給定 : 使用一個 Angular 的應用來渲染一個城市的名字和它的著名景點。 目標 : 給 Angular 應用新增一個 React 元件。React 的元件將會顯示一張特徵化的景點照片。 計劃 : 我們將會建立一個 React 元件,並通過圖片 Url 來支援,並作為 React 元件來顯示出圖片。 讓我們開始吧!
2018-01-31
Angular 團隊的早期開成員之一  Pete Bacon Darwin 近日在 Angular 部落格 公佈 了一個訊息,他說道: 目前團隊正在開發 AngularJS 1.7.0,而 1.7 的開發週期將一直持續到 2018 年 6 月 30 日。7 月 1 日起,AngularJS 將進入為期 3 年的長期支援階段 (LTS)。 Pete Bacon Darwin 表示,團隊
2018-01-31
介紹 AngularJS是如今最受歡迎的JS框架之一,簡化開發過程是它的目標之一,這使得它非常適合於元型較小的apps的開發,但也擴充套件到具有全部特徵的客戶端應用的開發。易於開發、較多的特徵及較好的效果導致了較多的應用,伴隨而來的是一些陷阱。本文列舉了AngularJS的一些共同的易於也問題的地方,尤其是在開發一個app的時候。 1. MVC目錄結構 AngularJS是一個缺乏較好
2015-10-17
下載原始碼 - 93.5 KB 簡介 在這個例子中,我引用了包括AngularJS在內的一些JavaScript庫,實現了一個很簡單的名片生成器。 儘管在這個小應用中,AngularJS庫相較於其他JavaScript庫來說做的事不多,然而,這個小而強大的AngularJS卻是該應用的全部靈感之源。 背景 在該應用中,我們需要做些簡單工作。首先,我們需要用CSS設計名
2015-10-17
在AngularJS出現之前,很多開發者就面對了表單提交這一問題。由於提交表單的方式繁雜而不同,很容易令人瘋掉……然而現在看來,依然會讓人瘋掉。 今天,我們會看一下過去使用PHP方式提交的表單,現在如何將其轉換為使用Angular提交。使用Angular來處理表單,對我而言,是一個“啊哈”時刻(譯者:表示瞭解或發現某事物的喜悅)。即使它甚至都沒有涉及多少Angular表層的東西,但是它卻幫助使
2015-10-17
想象一個使用簡單的angular UI路由的 angularjs 應用: <!DOCTYPE html><html><head>    <meta charset="utf-8">    <title>Example</title>    <script src="bower_components/angular/a
2015-10-17
AngularJS 1.2 通過引入基於純CSS class的切換和動畫,在一個單頁面應用建立頁面到頁面的切換變得更加的容易。只需要使用一個ng-view,讓我們來看一下,一個引入眾多的不同切換的可伸縮方法,以及指定的每個頁面如何切入和切出。 演示 :  http://embed.plnkr.co/PqhvmW/preview 首先,標記: <div class="pag
2015-10-17
最近幾個月,我一直在分享不同版本的“員工目錄”示例應用程式,使用不同技術堆疊,不同的框架,和不同的後端(REST服務)實現。最新版本包括: Employee Directory with Backbone.js, RequireJS, and Twitter Bootstrap Employee Directory with Backbone.js, RequireJS,
2015-10-17
AngularJS 預設將會使用一個 # 號來對URL進行路由. 例如: http://example.com/ http://example.com/#/about http://example.com/#/contact 要獲得乾淨的URL並將井號從URL中移除是很容易的. 完成 兩件事情 就行了. 配置 $locationProvider
2015-10-17
本文為開發者呈現了一些概念和相關的示例程式碼,介紹了用 ngResource($resource) 服務 POST 方式提交資料到和伺服器端 SpringMVC 環境下的 RESTFul APIs 。示例程式碼可以在如下頁面找到: http://hello-angularjs.appspot.com/angularjs-restful-apis-post-method-code-example
2015-10-17
1 介紹 我們準備在這篇文章中比較三款流行於Web的“模型-檢視-*”框架:AngularJS、Backbone和Ember。為你的專案選擇正確的框架能夠對你及時交付專案的能力和在以後維護你自己程式碼的能力產生巨大影響。你也許想基於一款可靠的、穩定的和成熟的框架來構建專案,但又不想為此受到約束。Web發展迅速——新技術產生,舊的那套方法很快跟不上潮流。如此形勢之下,我們準備仔細深入的比較這三個
2015-10-17
AngularJS 是一組用於建立單頁Web應用的豐富框架,給構建豐富互動地應用帶來了所有需要的功能。其中一項主要的特性就是Angular帶來了對 動畫 的支援。 我們能夠在應用的部分內容當中使用動畫來表明一些變化正在發生。在我 上一篇文章 當中,我講到了在Angular應用中對CSS動畫的支援。在這篇文章當中,我們會看到怎樣利用JavaScript指令碼在AngularJS應用當中生成動畫效
2015-10-17
今天我們來看看怎樣使用Angular的 ngShow 和 ngHide   指令來完成它們聽起來應該完成的,顯示和隱藏! 它們應該做的事 ngShow 和ngHide 允許我們顯示或隱藏不同的元素。這有助於建立Angular應用時因為我們的單頁程式會有許多的移動部件隨著應用狀態的改變而來來去去。 這些指令的最偉大的部分就是我們不必使用CSS或者JS來操作顯示還是隱藏。這些都是由老練
2015-10-16
開發者們都一致認為單元測試在開發專案中十分有好處。它們幫助你保證程式碼的質量,從而確保更穩定的研發,即使需要重構時也更有信心。 測試驅動開發流程圖 AngularJS的程式碼聲稱其較高的可測性確實是合理的。單單文件中列出端對端的測試例項就能說明。就像AngularJS這樣的專案雖然都說單元測試很簡單但真正做好卻不容易。即使官方文件中以提供了詳盡的例項,但在我的實際應用中
2015-10-16
AngularJS對錶單的處理相當簡單。在AngularJS使用雙向資料繫結方式進行 表單驗證 的時候,實質上它在幫我們進行表單處理。 以前,我曾經寫過AngularJS在表單處理方面的強大功能以及如何進行 表單處理 的文章。今天,我們將快速瀏覽一下AngularJS是如何對錶單中的核取方塊和單選按鈕進行處理的。 使用核取方塊的的例子有很多,同時我們對它們的處理方式也有很多。這篇文章中我們
2015-10-16
現在幾乎滿世界的人都在問! 外面有人麼? 這裡是 USS AngularJS, 我們遇到麻煩了,我們的服務講得是克靈貢語(Klingon) 而我們的控制器不能同它們的Ferengi 指令通訊了. 有人能幫助我們麼! 我已經不知道有多少次遇到這種有關什麼才是AngularJS裡面的元件通訊的最佳方式這樣的問題了. 很多時候答案都會是為此使用 $rootScope 物件去向任何想要收聽的人廣播$b
2015-10-16
下載所有的原始碼和mongoose web伺服器 – 538.1 KB 簡介 幾年前,我用C#寫了一個RSS閱讀器,但是我想如果把它做成一個SPA(單頁應用)效果會更好。 Angular使一些事情變得簡單,RSS閱讀器就是其中之一。 我也用Twitter Bootstrap(做UI)實現了RSS閱讀器,除錯頁面樣式是最難的地方之一...可能是因為我不擅長css的原因。 背景
2015-10-16
這是什麼? 如題所示,在這裡我將展示一種使用Angular.js和ASP.NET MVC5 來實現上傳檔案非常簡單的方法. 為什麼這樣做? 網上已經有很多庫實現這個功能了.而我的方法會有什麼特別之處呢?如果你已經意識到這個問題了, 是非常酷的.思考一下為什麼我們會被這個問題一直困擾呢? 我們的要求非常簡單,我有一個模型,如下: public class TutorialMo
2015-10-16
下載原始碼 介紹 (SPA)這樣一個名字裡面蘊含著什麼呢? 如果你是經典的Seinfeld電視秀的粉絲,那麼你一定知道Donna Chang這個名字。Jerry跟Donna見面,Donna其實不是華人,但是卻因在談論其對中國的固有印象比如在鍼灸上的興趣,以及偶然的一次單詞發音帶上了點兒中文口音,她將自己末尾的名字縮成了Chang Donna 在電話上同George的母親交談,(通過引用
2015-10-16
當在擴充套件一個Angular應用的時候,巨大的資料集導致$digest()迴圈執行緩慢。你可以做許多效能上的優化,比如小心$watch()和$filter(),使用一次性繫結,或者使用Batarang找出消耗效能的操作。但有時,即便做了這些提升,由於$digest()迴圈,具有大量資料的應用還是可以感覺到遲鈍。一個典型的例子是鍵盤輸入。如果你有許多資料,並且每當使用者向一個input或者text
2015-10-16
這是一篇angularjs自定義指令的教程。就讓我們來看看,如何在angularjs中自定義指令吧!我們將利用現有的guitar angularjs app,這在 教程14: AngularJ表單驗證 中用到過。你可以在這裡 下載 之前的app .好吧,現在我們看看angularjs的指令。 我們知道: Angularjs Directives是DOM元素(例如屬性,
2015-10-16
我頻繁地被問及到的一個問題之一,就是什麼時候使用Angular框架是一個糟糕的選擇。我的預設答覆是編寫遊戲的時候,儘管Angular有它自己的事件迴圈處理 ($digest迴圈) ,並且遊戲通常需要很多底層DOM操作.如果說有Angular能支援很多型別的遊戲,那這個說法可不準確。即使遊戲需要大量的DOM操作,這可能會用到angular框架處理靜態部分,如記錄最高分和遊戲選單。 如果你和我一樣
2015-10-16
AngularJS指令可以為給你的訪問者提供更好的使用者體驗,比如通過展示使用者頭像來使頁面看起來更具個性化。在你的登錄檔單中,可以在電子郵箱地址一欄的旁邊展示一個頭像,指示使用者輸入的是否是一個正確的郵件地址。如果在你的表單中有可選輸入項,你可以預設隱藏它們,當使用者點選時再展示出來,並且立刻自動將焦點對準第一個輸入框。這些方法非常容易實現,並且可以通過指令來獲得複用。 你有許多方式來構建A
2015-10-16
我們最近為我們的論壇增加了一個自動完成功能(稱為Smarty),在要求專業人員簡介的 主頁 上。這是一個超有用的功能,因為它有助於我們將使用者導航到他們真正想去的地方。它很有意思,也是用 AngularJS 構建的! 我們希望Smarty能夠: 通過使用者的給定輸入 (一個字首),通過一個HTTP請求後自動提供建議 顯示一個建議的下拉選單 當使用者輸入時更新
2015-10-16
AngularJS 提供了一個很棒的方式來建立單頁app。正是由於這個原因,使得我們的站點看起來更像是一個原生的手機程式。為了使它看起來更像是原生的程式,我們可以使用 ngAnimate module 為它新增過渡和動畫效果。 這個模組可以使我們建立漂亮的程式。今天,我們將要看一下 如何為 ng-view 新增動畫效果。 我們要構建什麼 我們假設我們有一個單頁面的程式,並且想為
2015-10-16
最近,網頁的發展變得越來越快.幾乎每個月都會有一個新的javascript框架被宣傳和理解它們的功能可能引起的麻煩.在這短短的系列,我們來看一下一些前端的javascript框架,並將它們和AngularJS做一下比較.我們簡短的介紹一下每個框架的歷史,並在功能方面做一下比較.在這篇文章裡面,我們來看一下React相對於Angular來說,它在網頁開發方面採取怎麼樣的措施.
2015-10-16
介紹 AngularJS 巢狀路由:這是我針對同一個主題(ui-router)的第二篇文章. 如果你對第一篇文章感興趣的話,可以訪問  這裡 . 好了,讓我們繼續吧,來看看巢狀的ui-router狀態是怎麼回事. ui-router和同屬 AngularJS框架一部分的 ng-route一樣強大. ui-router提供了讓我們可以做路由巢狀和檢視命名的特性. 我們將在示例中看到ui-
2015-10-16
AngularJS AngularJS是web應用的下一個巨頭。 AngularJS如果為建立web應用而設計,那它就是HTML的套路了。具有資料繫結, MVW, MVVM, MVC, 依賴注入的宣告式模板和出色的可測試性都是用純客戶端 JavaScript來實現的! AngularJS 是一個建立富客戶端應用的JavaScript MVC框架,它組織良好,經過嚴格測試,多功能,強大並且十
2015-10-16
非常喜愛用AngularJS來構建web應用程式的前端嗎? PhpStorm 使得在其上進行 AngularJS 相關的工作同其它得到IDE支援的程式語言的工作一樣容易! 為了可以自動完成,快速文件,導航並支援自定義指令和路由,我們唯一要做的就是在PhpStorm中安裝AngularJS外掛. 何樂而不為呢? PhpStorm中新增AngularJS外掛 不是所有的PhpStorm特性都是
2015-10-16