AngularJS directive入門例子

2021-09-07 08:14:26 字數 1963 閱讀 8506

這是《angularjs》這本書裡面提供的乙個例子:

.expander .expander>.title .expander>.body
執行效果如下:

compile階段進行標籤解析和變換,link階段進行資料繫結等操作!

在所有module都裝載完畢在之後,compile(element)(scope);開始編譯和鏈結整個dom樹(其實就是呼叫dom上出現的指令)。

第一步:傳遞應用根節點給$compile函式,開始編譯,返回link函式。

link函式的引數:

scope

這個就是當前control的$scope物件,沒啥好說的。

element

這個是當前dom節點經過「jquery」處理過後的物件。用過jquery的都知道這個概念。當然這邊的jquery是angular自己實現的閹割版的jquery。方法少了許多,不過按angular的話說,夠用了。

attrs

這個物件包含,當前的dom節點上的各種屬性標籤的值。不過要注意的是這邊會將***-bbb這種形式的改寫成***bbb的這種駝峰形式。

angularJs directive之元件復用

父作用域type改變,type值傳給子作用域的childrentype,改變子作用域的檢視。子作用域檢視發生改變,sco pe.scope.scope.emit changetype v 通過 emit告訴type改變值,通過type的變化改變檢視。資料一定是由父流向子的。scopetest.htm...

Java單例模式入門寫法

前言 樹上的鳥兒,你為何緊皺眉。地上的人兒,為乙個情字醉。西廂 原文出處 設計模式 23種設計模式,解決某一類問題最有效的方式 單例設計模式 解決的是乙個類在記憶體中只能有乙個物件的問題 1 構造方法私有化 2 構造方法私有化之後就乙個物件都不能建立了,那麼只能是自身提供自身型別的物件 3 提供乙個...

設計模式入門 單例模式

1.什麼是單例模式?就是整個類就有乙個例項,並提供乙個訪問它的全域性訪問點。2.單例模式的存在形式?飢漢模式 飽漢模式,雙重鎖模式 圖3.類結構圖 圖1.飢漢模式 public class singletonhungry public static singletonhungry getinstan...