AngularJS

我想大家應該都接觸過檔案管理系統，不管是Windows中的檔案管理工具還是基於瀏覽器的WEB檔案管理工具，功能大同小異。雖然檔案管理工具看似簡單，但真正實現起來還有點繁瑣，特別是介面這一塊，最近項目正好需要用到檔案管理模組，糾結了下是自己寫一個呢（基本不太現實，本人很懶--！）還是找一個開源的，網上看了一番不是介面太醜，就是太臃腫，正好最近在學習AngularJS，發現一款基於AngularJS的檔案管理系統，正好拿來練練手，於是自己簡單整合修改了下！技術選型好了，廢話不多說了，進入正題，介紹下

背景OA管理系統中，員工提交申請單，訊息即時通知到相關人員及時進行審批，審批之後將結果推送給使用者。技術選擇最開始發現的是 firebase ，於是很興奮的開始倒騰起來。 firebase 用 起來倒是簡單：引用一個js即可，按官網上的教程很快便應用到了項目中。第二天開啟項目發現推送功能不好使了，這是為何？最後發現firebase官網打 不開了。。。難道firebase被google收了也會被天朝給牆掉？也許是firebase自己掛掉了，總之是用不了了。因為要完全把推送資料存放在

在實踐中，常常會有資料結構一致但深度不確定的資料。而通常情況下，對資料的處理會用到遞迴的方式。例如網站的無限級分類的展現，分類資料結構：var cate = [    {        cateId: 1,        cateName: '前端技術',      &

本文執行個體講述了AngularJS定時器的使用與移除操作方法。分享給大家供大家參考，具體如下：1.相比較於JS中setTimeInterval和setTimeout，AngularJS中通過interval來實現定時器的效果，通過timeout來實現時間延遲。$timeout //實現的是順延強制$interval //實現的是定時器的效果我們分別來看這兩個服務（1）timeouttimeout相當於JS原生裡面的順延強制，不同的是該服務的函數返回的是一個promise對象。var

本文執行個體講述了AngularJS實現給動態產生的元素繫結事件的方法。分享給大家供大家參考，具體如下：1 . 我們知道在jQuery中，動態產生一個元素，如果要在動態產生元素的同時，動態綁定事件，可以通過live/on方法（在jquery3.0中已經廢除了bind方法）。2 .

項目中用到angularjs的表格ng-table，功能相當強大，像搜尋、排序、checkbox、分頁、每頁表格顯示數目等都有。API，demo什麼的也只能參考官網了。這裡做個備忘，哪天肯定還會用到。HTML：<!DOCTYPE html><html><meta charset="utf-8"/><head> <script data-require="angular.js@*" data-semver="1.2.0-rc3-nonmin"

React && VueReact 和 Vue 有許多相似之處，它們都有： 使用 Virtual DOM 提供了響應式（Reactive）和組件化（Composable）的視圖組件。 將注意力集中保持在核心庫，伴隨於此，有配套的路由和負責處理全域狀態管理的庫。 由於有著眾多的相似處，我們會用更多的時間在這一塊進行比較。這裡我們不只保證技術內容的準確性，同時也兼顧了平衡的考量。我們需要指出 React 比 Vue 更好的地方，像是他們的生態系統和豐富的自訂渲染器。React &&

前言最近關於AngularJS的資料也看了一些，其官網上有個執行個體Phonecat很不錯，硬著頭皮看了一會實在是看不下去，索性自己動手實現下，遇到問題時再從裡面尋找答案也不失為一種好方法。說的再多、看的再多不如自己動手去做一遍，那就開始吧。本文1、布局布局很簡單，首頁側邊欄是一個輸入框和下拉框，右邊是一個列表，實現時對首頁不做大的修改。詳情頁做一些改變，盡量做一些簡化，考慮加一個自訂指令（輪播圖）。2、架構分析首先思考一下需要用到的服務。

最近做的項目是使用Angular做一個單頁應用，但因為使用者有不同的角色（管理員、編輯、普通財務人員等），所以需要進行不同角色的存取控制。因為後端存取控制的經驗比較豐富，所以這裡只記錄了前端存取控制的實現。請注意，前端最多隻能做到顯示控制！並不能保證安全，所以後端是一定要做存取控制的！角色型存取控制需要做到兩個層面的存取控制： 控制頁面路由的跳轉，沒有許可權的使用者不能跳轉到指定url 頁面元素的顯示控制，沒有對應許可權的使用者不能看到該元素

本文執行個體講述了AngularJS的Cookies讀寫操作。分享給大家供大家參考，具體如下：雖然使用JavaScript建立和擷取Cookie很簡單，AngularJS還是把它作為一個單獨的模組進行了封裝，模組名為ngCookies，和前面的教程中做法一樣，先引入angular-cookies.js：<script type="text/javascript"

我們使用ng的時候，經常會使用到指令，大家所熟知的屬性我在這裡就不介紹了，講講大家沒怎麼留意的屬性1.multiElement這是指定指令作用區間的功能，最常用的就是ng-repeat-start和ng-repeat-end了。2.priority指令優先順序，優先順序越高，指令越早執行。3.terminal是否允許優先順序低的指令起作用，如果是true，那麼只有比當前指令或跟當前指令等級相同的指令才可以執行。最典型的就是ngIf4.templateNamespace聲明模板的格式有三種選擇

通過將module中不同的組件拆分到不同的js檔案中，在組裝的時候發現module存在一個奇怪的問題，不知道是不是AngularJS的bug。至今沒有找到解釋。問題是這樣的，按照理解，angular.module('app.main',

上節我們談到在 AngularJS 裡面拿當前瀏覽器 Locale 的3種方式，本節我們主要討論下 AngularJS 裡面內建的 $locale 服務和用原生 JS 如何擷取瀏覽器 Locale，嚴謹的角度來說是擷取目前使用者瀏覽器的語言列表或者是瀏覽器UI語言。 首先我們聊下 AngularJS 裡面的$locale 服務，很棒的概覽，會讓人感覺眼前一亮，但當我們研讀了它的源碼後，我們會有些許的失望： 'use strict';/** * @ngdoc service *

demo.html： <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>AngularJS</title><script src="angular.min.js"></script> <!-- 引入AngularJS架構

demo.html： <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>AngularJS</title><script src="angular.min.js"></script> <!-- 引入AngularJS架構

bower安裝和使用 入門級安裝 直接上手 準備工作： 安裝nodejs 通過nodejs 安裝cnpm 詳細過程 1.安裝完nodejs 執行node -v 查看版本號碼 項目需求（建議）4.4.7 2.執行 cnpm -v (淘寶鏡像) 查看版本號碼 3.執行全域命令：cnpm i -g bower 進行全域安裝 4.在電腦本地磁碟自訂專案檔夾，通過CMD 執行 e: 、 cd webApp,

標籤：說到Web爬蟲，Python佔了半壁江山。但是Web頁面不是Python的強項了，如果需要扒取Web資料，再Mashup出來一個自己的系統，全端JS是個不錯的解決方案（其實不用Python扒資料是因為我只能熟練掌握Python的HelloWorld編寫）。那麼開始做了。00.要做一隻麻雀想做一個五髒俱全的系統先設計一下結構吧。思路是要扒資料先要配置怎麼扒，然後去把扒來的資料處理成想要的東西，再然後存起來慢慢蹂躪。來張UML活動圖表壓壓驚。資料CRUD和如何展現不在設計圖中，這部分打算做一個

標籤：If u using controller & controllerAs in directive, then the link()‘s 4th param ‘controller‘ will refer to the controller u defined before.  function MessageController(){ var vm = this; vm.message = "Hello"; }function greeting(){

標籤：最近有寫一個電子訂單商務網站，使用JAVA8,SPRING,ANGULARJS對項目使用的技術和大家分享。第一次寫部落格，哪有不對需要改正的請聯絡改正。因為是項目是我給別人做的無法提供源碼見諒，我盡最大努力讓大家能看懂。首先從項目的構建開始，我採用的gradle構建項目，使用的版本是2.4。開發環境用的IDEA 14，項目資料庫使用的是SQL SERVER。Spring Boot

標籤： 本篇整理AngularJS使用OData請求ASP.NET Web API資源的思路。 首先給ASP.NET Web API插上OData的翅膀，通過NuGet安裝OData. 然後，給controller中需要使用OData的Action加上EnableQuery特性，並讓Action方法返回IQueryable<T>類型。 public class ProductsController : ApiController{ //