AngularJS

獨立範圍和函數參數通過使用本地範圍屬性，你可以傳遞一個外部的函數參數（如定義在控制器$scope中的函數）到指令。這些使用&就可以完成。下面是一個例子，定義一個叫做add的本地範圍屬性用來儲存傳入函數的引用：angular.module('directivesModule').directive('isolatedScopeWithController', function () {    return

在這個系列的第一篇文章中介紹了AngularJS自訂指令以及一些簡單的例子，這篇文章我們去瞭解下AngularJS的獨立範圍，以及獨立範圍在建立自訂指令時有多重要。什麼是獨立範圍？預設情況下，指令是可以直接存取父範圍中的屬性的。例如，下面的指令依靠父範圍來輸出一個自訂對象的name和street屬性：angular.module('directivesModule').directive('mySharedScope', function () {   

莫名失效的雙向繫結來自於開發中偶然遇到的一個問題，看下面的例子：<div ng-app>    <div ng-controller="TodoCtrl">      <input type="number" ng-model="value"  size="30" >   

最近做的項目是使用Angular做一個單頁應用，但因為使用者有不同的角色（管理員、編輯、普通財務人員等），所以需要進行不同角色的存取控制。因為後端存取控制的經驗比較豐富，所以這裡只記錄了前端存取控制的實現。請注意，

前面有篇文章我已經簡單的介紹了angular的指令，我們來看看。angular有一個強大的功能就是指令，它可以改變頁面的DOM，像ng-app、ng-controller、ng-click等都是指令，我們還可以建立自己的指令，如下：<html><head> <link href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="st

前面我示範了angular的表單驗證樣本：angularJS的表單驗證樣本

例子<html ng-app="myApp">   <head>    <title>AngularJS Routing</title>    <script>      document.write('<base href="' + document.location +

習慣了window.onload(),$(document).ready()，現在換成別的了，還真有點不習慣了。下面說一下常用的4種情況。1，html中直接寫  代碼如下複製代碼     <script src="lib/angular/angular.min.js" type="text/javascript"></script>      &

本文給大家分享angularjs驗證重複密碼的兩種方法。具體方法詳情如下所示：第一種：<label for="password">密碼</label><input id="password" name="password" type="password" ng-model="user.password" required><label for="repassword">重複密碼</label><input

本文執行個體講述了AngularJS全域scope與Isolate scope通訊用法。分享給大家供大家參考，具體如下：在項目開發時，全域scope 和 directive本地scope使用範圍不夠清晰，全域scope與directive本地scope通訊掌握的不夠透徹，這裡對全域scope 和

本文執行個體講述了AngularJS壓縮JS的操作技巧。分享給大家供大家參考，具體如下：大多數web項目在發布時候都會對js代碼進行壓縮，目的是為了減少js檔案的大小，節省一點流量。它的原理很簡單，就是對參數及部分變數名和函數進行重新命名。但是這種工作方式在AngularJS的應用中會有例外。由於AngularJS的依賴注入是根據參數名進行注入的，顯然，對參數進行重新命名會破壞這個機制。如果不進行特殊處理，進行壓縮（minify）之後，在執行時將會出現這樣的錯誤Unknow provider:

本文執行個體講述了AngularJS動態載入模組和依賴的方法。分享給大家供大家參考，具體如下：前言由於AngularJS是單頁面應用程式框架，在正常的情況下，會在訪問頁面的時候將所有的CSS、JavaScript檔案都載入進來。檔案不多的時候，頁面啟動速度倒不會影響太多。但是一旦檔案數太多或者載入的第三方庫比較大的時候，就會影響頁面啟動速度。因此對於應用規模大、檔案數比較多或者載入的第三方庫比較大的時候，採用動態載入JS或者動態載入模組會極大提升頁面的啟動速度。本文將介紹如何利用ocLazyLo

本文執行個體講述了AngularJS ng-template寄宿方式用法。分享給大家供大家參考，具體如下：如果你是一個angular的開發人員的話，對於ng-html2js你應該 很熟悉。對於angular的指令，我們經常需要定義模板( directive template/templateUrl),你可以選擇講html page 放在真正的的web容器中寄宿，也可以選擇angular的ng-template 放在view的page之上，抑或也可以講html打成一個js檔案和directive

本文執行個體講述了AngularJS自訂外掛程式實現網站使用者引導功能。分享給大家供大家參考，具體如下：最近由於項目進行了較大的改版，為了讓使用者能夠適應這次新的改版，因此在系統中引入了“使用者引導”功能，對於初次進入系統的使用者一些簡單的使用培訓training。對於大多數網站來說，這是一個很常見的功能。所以在開發這個任務之前，博主嘗試將其抽象化，獨立於現有系統的商務邏輯，將其封裝為一個通用的外掛程式，使得代碼更容易擴充和維護。無圖無真相，先上圖：關於這款trainning外掛程式的使用很簡單

本文執行個體講述了AngularJS實現根據變數改變動態載入模板的方法。分享給大家供大家參考，具體如下：directive：return { restrict: 'E', replace: true, templateUrl: 'app/view/order.html', link: function (scope, element, attrs) { scope.Type = attrs.Type; }};模板： <div ng-switch

本文執行個體講述了AngularJS實現在ng-Options加上index的解決方案。分享給大家供大家參考，具體如下：Angularjs交流群中有位童學問道如何為Angular

本文執行個體講述了AngularJS驗證資訊架構的封裝外掛程式用法。分享給大家供大家參考，具體如下：AngularJS 的表單驗證規則angular.js 的表單驗證規則有

本文執行個體講述了AngularJS模組化操作用法。分享給大家供大家參考，具體如下：在前面幾節教程中，代碼比較少，為了方便說明問題筆者將控制器代碼都寫在了HTML頁面中，實際上這並不是什麼好的編程習慣，而且可維護性差。通常的做法都是將處理商務邏輯的代碼寫在一個單獨的JS檔案中，然後在HTML頁面中引入該檔案。然而這樣會帶來新的問題，我們的控制器全都定義在全域的命名空間中，假設我們有一個公用的JS檔案，在登入頁面和密碼修改頁面都引入這個JS，A開發人員和B開發人員英雄所見略同，對控制器的命名都是U

標籤： 如果給JavaScript和angularjs代碼標誌為“strict 模式”，則其中啟動並執行所有代碼都必然是strict 模式下的。其一：如果在文法檢測時發現文法問題，則整個代碼塊失效，並導致一個文法異常。其二：如果在運行期出現了違反strict 模式的代碼，則拋出執行異常。註：經過測試IE6,7,8,9均不支援strict 模式。JavaScript代碼“strict 模式”使用方法：strict

標籤：