angular內置provider之$compileProvider

来源:http://www.cnblogs.com/zc1234/archive/2017/09/27/7599380.html
-Advertisement-
Play Games

一、方法概覽 directive(name, directiveFactory) component(name, options) aHrefSanitizationWhitelist([regexp]); imgSrcSanitizationWhitelist([regexp]); debugIn ...


一、方法概覽

  1. directive(name, directiveFactory)

  2. component(name, options)

  3. aHrefSanitizationWhitelist([regexp]);

  4. imgSrcSanitizationWhitelist([regexp]);

  5. debugInfoEnabled([enabled]);

  6. strictComponentBindingsEnabled([enabled]);

  7. onChangesTtl(limit);

  8. commentDirectivesEnabled(enabled);

  9. cssClassDirectivesEnabled(enabled);

二、方法解釋

1、directive(name, directiveFactory)

使用compiler註冊一個指令

參數:

name:string,指令的名稱。

directiveFactory:function,指令構造工廠函數。

return:

返回自身,以供鏈式調用。

 

2、component(name, options)

使用compiler註冊一個組件,組件是一種特殊的指令,它自包含了UI,並且總是預設使用獨立作用域和restrict: 'E'。組件的定義是簡單的,options是一個包含了一系列屬性的對象,並且總是強制使用最好的實踐,例如controllerAS:$ctrl。

參數:

name:組件的名稱。

options:一個對象,包含以下可選的屬性。

controller:string|function,指令的控制器,字元串代表一個被註入到該模塊的控制器的名稱。

controllerAS:string,控制器的一個引用,預設是’$ctrl‘,如果被定義則scope上會有一個該名稱的屬性,例如scope.$ctrl,那麼我們在html中就可以這樣使用控制器中的屬性,例如<div>{{$ctrl.name}}<div>

template:string|function,組件的模板,如果是函數,則函數有以下兩個參數,

$element:當前元素。

$attrs:當前元素屬性對象。

templateUrl:string|function,組件模板的路徑,如果是函數,則參數和以上template相同。

bindings:一個對象,用於元素的屬性和組件屬性之間的綁定,並且綁定的值總是綁定到組件的控制器上而不是scope上,詳情請查閱bingToController。

transclude:boolean,是否允許嵌入內容,預設false。

require:一個對象,需要其他指令的控制器被綁定到組件的控制器,對象的鍵指向屬性名稱,對象的值是其他指令控制器的名稱。

$...:額外的屬性被添加到指令工廠函數和控制器構造器函數。(這被使用於為組件路由提供註解)

return:

返回自身,用於鏈式調用。

 

3、aHrefSanitizationWhitelist([regexp])

恢復或者覆蓋白名單urls安全列表的正則表達式,主要用於阻止通過html鏈接進行的xss攻擊。任何將要通過數據綁定到a[href]的urls首先都要經過初始化並轉化為一個絕對url,如果這個url匹配aHrefSanitizationWhitelist的正則表達式規則,則會被添加到DOM中,否則轉化後的url將會加上’unsafe:‘首碼後才能被加入到DOM中。

參數:

regexp:RegExp,新的白名單正則表達式。

return:

如果參數不存在則返回現在的正則表達式,否則返回自身以供鏈式調用。

 

4、imgSrcSanitizationWhitelist([regexp])

和以上aHrefSanitizationWhitelist類似,不過這個是設置img[src]的白名單正則表達式。

 

5、debugInfoEnabled([enabled])

主要用於開啟和關閉運行時的debug信息,預設是true,例如為綁定的元素添加以下信息:

'ng-binding' CSS Class。

’ng-scope‘和’ng-isolated-scope‘ CSS Class。

’$binding‘一個數組,包含了綁定的表達式。

占位符註釋將會包含是什麼指令或者binding引發了這個占位符,例如<!-- ngIf: shouldShow() -->

參數:

enabled:boolean

return:

如果包含參數則返回自身,否則返回現在的debug狀態。

 

6、strictComponentBindingsEnabled([enabled])

是否開啟嚴格的component bindings檢查,如果開啟,則除了那些包含了?的bindings,全部都要求在html標簽中指定相應的屬性。

預設false

參數和返回值和以上debug相同。

 

7、onChangesTtl(limit)

在複雜的應用程式中,$onChanges鉤子和bindings之間的依賴性可能會導致對這些鉤子的多個調用迭代,該函數可以設置迭代的次數。

預設是10次。

參數:

limit:integer,迭代的次數。

return:

如果設置了limit則返回自身,否則返回已經設置的limit。

 

8、commentDirectivesEnabled(enabled)

表明是否編譯註釋形式的指令,如果禁用將會提高編譯的性能,因為編譯器不需要去檢查註釋當編譯指令的時候。

預設是true,開啟。

參數和返回值和onChangesTtl(limit)類似。

 

9、cssClassDirectivesEnabled(enabled)

表明是否編譯Class形式的指令,如果禁用將會提高編譯的性能,因為編譯器不需要去檢查Class當編譯指令的時候。

預設是true,開啟。

參數和返回值和onChangesTtl(limit)類似。

 

 

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • Redis是一個key value存儲系統,現在在各種系統中的使用越來越多,大部分情況下是因為其高性能的特性,被當做緩存使用,這裡介紹下Redis經常遇到的使用場景。 Redis特性 一個產品的使用場景肯定是需要根據產品的特性,先列舉一下Redis的特點: 讀寫性能優異 持久化 數據類型豐富 單線程 ...
  • GOF《設計模式》一書中提出了七條設計原則,七原則是一種理想狀態的表達,但實際項目開發中可能會不得不打破這些原則的限制。任何基類可以出現的地方,子類一定可以出現,且必須遵從基類所有規則定義,但反過來說,除了擴展基類,我們又為什麼要違背基類規則定義呢?這一條與開關原則結合起來理解就是,基類遵循關原則,... ...
  • 什麼是單例模式? 從“單例”字面意思上理解為——一個類只有一個實例,所以單例模式也就是保證一個類只有一個實例的一種實現方法罷了。其官方定義為:確保一個類只有一個實例,並提供一個全局訪問點。 為什麼會有單例模式? 從單例模式的定義中我們可以看出——單例模式的使用自然是當我們的系統中某個對象只需要一個實 ...
  • 工具: MyEclipse,MySQL 步驟: 1.打開MyEclipse,新建一個Java Project(取名:h1) 2.創建MySQL資料庫 3.找到MyEclipse下的MyEclipse Hibernate單擊 會出現以下界面,按照如下方式填寫鏈接資料庫 4.選中項目名,添加Hibern ...
  • HTTP協議 客戶機與服務端之間的數據交互需要遵守一定的約定,比如協議版本,數據類型,是否有緩存,是否有壓縮等,只有在這些約定的基礎上才能相互之間愉快的工作。 Netty通信過程中的編解碼 這時說的是基於TCP/IP的Netty之間的通信。TCP/IP協議下客戶端與服務端之間要進行數據交互,一般需要 ...
  • Ninject 3.3 beta1 has gone live. This release mainly focus on bug fix and platform update. Support .NET Standard 2.0 Since version 3.3, Ninject starts ...
  • 上篇文章介紹了一組自洽的術語來描述和解釋軟體架構;如何利用架構屬性評估一個架構風格;以及對於基於網路的應用架構來說,那些架構屬性是值得我們重點關註評估的。本篇在以上的基礎上,列舉一下一些常見的(REST除外)的適用於基於網路應用的架構風格,並使用對比架構屬性的方式對其進行評估。 1 架構風格所產生的 ...
  • 原生JavaScript 遍歷 1、for 迴圈遍歷 2、JavaScript 提供了 foreach() map() 兩個可遍歷 Array對象 的方法 forEach和map用法類似,都可以遍歷到數組的每個元素,而且參數一致; 不同點: forEach() 方法對數組的每個元素執行一次提供的函數 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...