Javascript不能直接用==或者===來判斷兩個數組是否相等,無論是相等還是全等都不行,以下兩行JS代碼都會返回false<script type="text/javascript">alert([]==[]);alert([]===[]);</script>要判斷JS中的兩個數組是否相同,需要先將數群組轉換為字串,再作比較。以下兩行代碼將返回true<script type="text/javascript">alert([].toString()==
前言$http 服務:只是簡單封裝了瀏覽器原生的XMLHttpRequest對象,接收一個參數,這個參數是一個對象,包含了用來產生HTTP請求的配置內容,這個函數返回一個promise對象,具有success和error方法。$http服務的使用情境:var promise = $http({method:"post", // 可以是get,post,put, delete,head,jsonp;常使用的是get,posturl:"./data.json",
在這一步你將學習到如何建立自己的顯示過濾器。請重設工作目錄:git checkout -f
在這一步,你將實現手機詳細資料檢視,這個視圖會在使用者點擊手機列表中的一部手機時被顯示出來。請重設工作目錄:git checkout -f
這一步,你會為手機列表的手機添加縮圖以及一些連結,不過這些連結還不會起作用。接下來你會使用這些連結來分類顯示手機的額外資訊。請重設工作目錄:git checkout -f step-6現在你應該能夠看到列表裡面手機的圖片和連結了。步驟5和步驟6之間最重要的不同在下面列出。你可以在GitHub裡看到完整的差別。資料注意到現在phones.json檔案包含了唯一識別碼和每一部手機的映像連結。這些url現在指向app/img/phones/目錄。app/phones/phones.json(範例片段)
在這一步你會增加一個讓使用者控制手機列表顯示順序的特性。動態排序可以這樣實現,添加一個新的模型屬性,把它和迭代器整合起來,然後讓資料繫結完成剩下的事情。請重設工作目錄:git checkout -f step-4你應該發現除了搜尋方塊之外,你的應用多了一個下來菜單,它可以允許控制電話排列的順序。步驟3和步驟4之間最重要的不同在下面列出。你可以在GitHub裡看到完整的差別。模板app/index.htmlSearch: <input ng-model="query">Sort by:
我們在上一步做了很多基礎性的訓練,所以現在我們可以來做一些簡單的事情嘍。我們要加入全文檢索索引功能(沒錯,這個真的非常簡單!)。同時,我們也會寫一個端到端測試,因為一個好的端到端測試可以幫上很大忙。它監視著你的應用,並且在發生迴歸的時候迅速報告。請重設工作目錄:git checkout -f
是時候給這些網頁來點動態特性了——用AngularJS!我們這裡為後面要加入的控制器添加了一個測試。一個應用的代碼架構有很多種。對於AngularJS應用,我們鼓勵使用模型-視圖-控制器(MVC)模式解耦代碼和分離關注點。考慮到這一點,我們用AngularJS來為我們的應用添加一些模型、視圖和控制器。請重設工作目錄:git checkout -f
為了說明angularJS如何增強了標準HTML,我們先將建立一個靜態HTML頁面模板,然後把這個靜態HTML頁面模板轉換成能動態顯示的AngularJS模板。在本步驟中,我們往HTML頁面中添加兩個手機的基本資料,用以下命令將工作目錄重設到步驟1。git checkout -f step-1請編輯app/index.html檔案,將下面的代碼添加到index.html檔案中,然後運行該應用查看效果。app/index.html<ul> <li>
我們現在開始準備編寫AngularJS應用——phonecat。這一步驟(步驟0),您將會熟悉重要的原始碼檔案,學習啟動包含AngularJS種子項目的開發環境,並在瀏覽器端運行應用。進入angular-phonecat目錄,運行如下命令:git checkout -f step-0該命令將重設phonecat項目的工作目錄,建議您在每一學習步驟運行此命令,將命令中的數字改成您學習步驟對應的數字,該命令將清除您在工作目錄內做的任何更改。運行以下命令:node
一、啟動階段
範圍扮演其視圖連接導向器的角色一個特殊的JavaScript對象。範圍包含了模型資料。在控制器,模型資料通過$scope對象訪問。<script> var mainApp = angular.module("mainApp", []); mainApp.controller("shapeController", function($scope) { $scope.message = "In shape controller"; $scope.type =
AngularJS ng-mousemove 指令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
AngularJS ng-mouseleave 指令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
AngularJS ng-mouseenter 指令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
AngularJS ng-mousedown 指令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 ng-app=""&
AngularJS ng-bind-template 指令AngularJS 執行個體<p> 元素上綁定兩個運算式:<!DOCTYPE html><html><head><meta charset="utf-8"><script
AngularJS 依賴注入什麼是依賴注入wiki 上的解釋是:依賴注入(Dependency Injection,簡稱DI)是一種軟體設計模式,在這種模式下,一個或更多的依賴(或服務)被注入(或者通過引用傳遞)到一個獨立的對象(或用戶端)中,然後成為了該用戶端狀態的一部分。該模式分離了用戶端依賴本身行為的建立,這使得程式設計變得松耦合,並遵循了依賴反轉和單一職責原則。與服務定位器模式形成直接對比的是,它允許用戶端瞭解用戶端如何使用該系統找到依賴一句話 --- 沒事你不要來找我,有事我會去找你。
AngularJS 動畫AngularJS 提供了動畫效果,可以配合 CSS 使用。AngularJS 使用動畫需要引入 angular-animate.min.js 庫。<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular-animate.min.js"></script>還需在應用中使用模型 ngAnimate:<body
AngularJS 表單AngularJS 表單是輸入控制項的集合。HTML 控制項以下 HTML input 元素被稱為 HTML 控制項:input 元素select 元素button 元素textarea 元素HTML 表單HTML 表單通常與 HTML 控制項同時存在。AngularJS 表單一實例First Name:Last Name: RESETform = {"firstName":"John","lastName":"Doe"}master =