-
為什么要綁定:controllor與directive互傳$scope定義的數據 link綁定步驟:1.主頁標簽中先將controller中的數據賦值到自定義屬性上 2.在link:function(DOM操作用link)中將屬性上接收到的數據 賦值到當前directive指令中的scope,再由{{}}或者ng-model=""來訪問數據 綁定結束 @單向綁定且至傳輸字符串 步驟 1.主頁標簽中先將controller中的數據賦值到自定義屬性上 2.link:function可全部刪除 為scope添加獨立作用域 并在獨立作用域{}中添加綁定 屬性名:'@' (directive所定義為被綁定的對象 controller所在標簽為綁定對象 controller中$scope定義的字符串變 drective中綁定的則變 反之不成立) =雙向綁定 與上面步驟一樣 @改為= controller中$scope的字符串變drective接收綁定的屬性的值也變 反之也成立 &綁定 可以綁定$scope定義的帶參數的方法 如例子上的name 1.也是將方法綁定到directive中的屬性上 2.scope{}中 屬性名:'&'綁定 greet屬性變為方法 3.和字符串一樣 我們可以在template中隨意調用穿進來的方法 如例子上的greet() 即先傳進來 稍后調用 4.greet()和sayHello(name)方法一樣 需要傳一個參數進來 但方法中參數為形參而不是實參 就通過input把輸入 傳入userName 并與name形成一個對象供greet在ng-click觸發的時候調用查看全部
-
第一種:小于768的時候,是沒有使用media查詢的樣式。使用在較小的設備上,如舊式手機,樣式開頭為.col-xs-,一般bootstrap在移動設備上都會使用100%,除非有特殊情況,才會應用這個.col-xs標簽。 第二種:大于等于768并小于992的時候,使用在小設備平板中,樣式開頭為.col-sm-,在這里,container會給他設置一個最大的寬度為750,也就是說在這個范圍里面的網頁最大寬度為750,bootstrap不是隨著寬度變寬而變寬的,他在某個范圍的時候,會給樣式設定一個最大值的。那么這樣范圍里面的時候,外形是沒有變化的。 第三種:大于等于992并小于1200的時候,使用在中等設備桌面中,樣式開頭為.col-md-,在這里,container會給他設置一個最大寬度為970.現在的瀏覽器屏幕很多都大于1200了。 第四種:大于1200的,通常在大型設備臺式機和手提電腦,樣式開頭為.col-lg-,在這里,container會給他設置一個最大寬度為1170.查看全部
-
form不再是原生的了,封裝拓展成指令了查看全部
-
指令與控制器的聯系:指令可以取得控制器里面數據模型里的數據。 指令與指令的聯系:創建獨立的指令作用域,在該作用域上可以定義自己的控制器,并且通過this共享一些方法,然后其他指令通過require取得和“父指令”的聯系。 然后由獨立作用域引申出綁定策略:@,=,&,這個綁定是全部綁定,就是數據模型里的所有變量或者方法都是用這種策略,而通過html頁面的屬性值,確定調用哪個變量或方法。查看全部
-
結構: root/ apps/ index.html css/ js/ app.js controllers.js directives.js fiters.js services.js imgs/ tpls/ framework/ node-moudles/ package.json查看全部
-
$routerProvider:用于提供路由 $routerProvider.when('/hello',{templateUrl":'XXX',controller:'XXXX'}) .when('/list',{templateUrl":'XXX',controller:'XXXX'}) .otherwise({redirectTo:'/hello'}); 用#防止與后臺交互查看全部
-
ng-transclude compile link!查看全部
-
restrict E C M A查看全部
-
使用AngularJS 做的最多的工作是寫各種指令查看全部
-
注意事項查看全部
-
ng-disabled="myForm.$invalid"中的myForm是表單的name屬性的值查看全部
-
end to end查看全部
-
link函數中參數attrs的作用,是為了獲取在指令上自定義的屬性,自定義的屬性可以使用不同的控制器中的方法,通過指令link函數中:scope.$apply(attrs.howtoload),從而實現同一個指令中使用不同的控制器中的方法查看全部
-
!!!查看全部
-
留個爪查看全部
舉報
0/150
提交
取消