Time of Update: 2017-01-13
我想大家應該都接觸過檔案管理系統,不管是Windows中的檔案管理工具還是基於瀏覽器的WEB檔案管理工具,功能大同小異。雖然檔案管理工具看似簡單,但真正實現起來還有點繁瑣,特別是介面這一塊,最近項目正好需要用到檔案管理模組,糾結了下是自己寫一個呢(基本不太現實,本人很懶--!)還是找一個開源的,網上看了一番不是介面太醜,就是太臃腫,正好最近在學習AngularJS,發現一款基於AngularJS的檔案管理系統,正好拿來練練手,於是自己簡單整合修改了下!技術選型好了,廢話不多說了,進入正題,介紹下
Time of Update: 2017-01-18
本文執行個體講述了AngularJS定時器的使用與移除操作方法。分享給大家供大家參考,具體如下:1.相比較於JS中setTimeInterval和setTimeout,AngularJS中通過interval來實現定時器的效果,通過timeout來實現時間延遲。$timeout //實現的是順延強制$interval //實現的是定時器的效果我們分別來看這兩個服務(1)timeouttimeout相當於JS原生裡面的順延強制,不同的是該服務的函數返回的是一個promise對象。var
Time of Update: 2017-01-18
本文執行個體講述了AngularJS通過ng-route實現基本的路由功能。分享給大家供大家參考,具體如下:為什麼需要前端路由~(1)AJAX不會留下History記錄(2)使用者無法通過URL進入應用指定的頁面(書籤或者分享等)(3)AJAX對於SEO是一個災難1.一般情況下,我們訪問網頁的時候,是通過url地址。比如我們訪問一個網頁:https://www.baidu.com/index/fix.html在AngularJS中通過“#”來進行不同頁面的路由,比如:https://www.ba
Time of Update: 2017-01-18
項目中用到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"
Time of Update: 2017-01-18
前言最近關於AngularJS的資料也看了一些,其官網上有個執行個體Phonecat很不錯,硬著頭皮看了一會實在是看不下去,索性自己動手實現下,遇到問題時再從裡面尋找答案也不失為一種好方法。說的再多、看的再多不如自己動手去做一遍,那就開始吧。本文1、布局布局很簡單,首頁側邊欄是一個輸入框和下拉框,右邊是一個列表,實現時對首頁不做大的修改。詳情頁做一些改變,盡量做一些簡化,考慮加一個自訂指令(輪播圖)。2、架構分析首先思考一下需要用到的服務。
Time of Update: 2017-01-18
通過將module中不同的組件拆分到不同的js檔案中,在組裝的時候發現module存在一個奇怪的問題,不知道是不是AngularJS的bug。至今沒有找到解釋。問題是這樣的,按照理解,angular.module('app.main',
Time of Update: 2017-01-19
AngularJS ng-list 指令AngularJS 執行個體轉換使用者的輸入為數組:<!DOCTYPE html><html><head><meta charset="utf-8"><script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script></head><body><div
Time of Update: 2017-01-19
AngularJS的另外一種表單驗證方式是自動驗證,即通過directive來實現,除了AngularJS內建的directive,還需要用到angular-auto-validate這個第三方module。有關angular-auto-validate: 安裝:npm i angular-auto-validate 引用:<script src="../node_modules/angular-auto-validate/dist/jcs-auto-validate.min.js"&
Time of Update: 2017-01-19
先給大家說下表格的需求:● 表格結構<table><thead><tr><th>Name</th><th>Street</th><th>Age</th></tr></thead><tbody><tr><td>></td><td>></td><td>></td&
Time of Update: 2017-01-19
如果你只想知道結論:$scope.$watch($rootScope.xxx,function(newVal,oldVal){//do something})馬上就有人問為什麼不是:$rootScope.$watch("xxx",function(newVal,oldVal){//do something})從我最近的一個bug來說說為什麼要用第一種方式。邏輯如圖,一開始我使用了 $rootScope.$watch 的寫法。因為 angularjs 在 $rootScope 上的 watch
Time of Update: 2017-01-19
AngularJS可以通過ng-app來自動初始化模組,也可以通過angular.bootstrap(document,
Time of Update: 2018-07-28
原型繼承時對變數的賦值不會修改原型中的值,而是直接在當前scope中建立一個同名的屬性;但如果是變數是對象,則不會建立。 一句話,基本類型會重新建立變數,引用則不會。這就解釋了 【AngularJS中經常發生在雙向繫結時(出現子範圍時,比如ng-repeat等情況),出現直接綁定字串變數會不成功,但把這個字串作為一個對象的屬性時則綁定成功 】 這一問題。 詳細請參見:http://www.ngnice.com/posts/2c8208220edb94
Time of Update: 2018-07-27
demo.html: <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>AngularJS</title><script src="angular.min.js"></script> <!-- 引入AngularJS架構
Time of Update: 2018-07-28
原文摘自我的前端部落格,歡迎大家來訪問 http://hacke2.github.io/ 起因 實驗室馬上要出去找工作了,大家想寫一個展示自己項目的東西,沒必要做的太複雜,我就把這幾天學到的結合了一下,算是做了 一個大概的樣子出來,大家可以自己放裡面加內容 點擊右上方項目名稱可切換不同視圖 所含的技術 AngularJs 裡面MVC使用AngularJs來實現,主要用了其中兩個技術: 1.模板技術 2.路由技術
Time of Update: 2018-07-28
<div ng-app="module" ng-controller="ctrl" style="text-align: center"> <!--原值--> {{price}} <br> <!--使用currency過濾器--> {{price|currency}} <br> <!--使用currency過濾器用固定的首碼-->
Time of Update: 2015-05-23
標籤:最近有寫一個電子訂單商務網站,使用JAVA8,SPRING,ANGULARJS對項目使用的技術和大家分享。第一次寫部落格,哪有不對需要改正的請聯絡改正。因為是項目是我給別人做的無法提供源碼見諒,我盡最大努力讓大家能看懂。首先從項目的構建開始,我採用的gradle構建項目,使用的版本是2.4。開發環境用的IDEA 14,項目資料庫使用的是SQL SERVER。Spring Boot
Time of Update: 2016-01-18
標籤: 閱讀目錄推斷式注入標記式注入內聯式注入$injector常用的方法範例代碼在AngularJS中也有依賴注入的概念,像spring中的依賴注入,但是又有所不同。Spring中使用構造注入或者設值注入的方式,還需要做一些額外的操作,但是angular中只需要在需要的地方聲明一下即可,類似模組的引用,因此十分方便。參考:[angular api doc]
Time of Update: 2018-12-04
1、AngularJS的模板綁定機制好像和其$http服務也有一定關係,如果用jQuery Ajax的傳回值賦給$scope的範圍變數,整個綁定顯示的節奏慢一個事件,神器果然麻煩啊。 2、對hidden
Time of Update: 2018-12-05
AngularJS和EmberJS計劃支援Web Components作者:chszs,轉載需註明。部落客頁:http://blog.csdn.net/chszsWeb
Time of Update: 2018-12-04
文章目錄 ModelViewModelControllerView總結