亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

AngularJS實戰

難度高級
時長 7小時13分
學習人數
綜合評分9.57
303人評價 查看評價
9.9 內容實用
9.5 簡潔易懂
9.3 邏輯清晰
  • 為什么要綁定: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觸發的時候調用
    查看全部
    0 采集 收起 來源:指令(4)

    2018-03-22

  • 第一種:小于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不再是原生的了,封裝拓展成指令了
    查看全部
    0 采集 收起 來源:指令(5)

    2015-08-12

  • 指令與控制器的聯系:指令可以取得控制器里面數據模型里的數據。 指令與指令的聯系:創建獨立的指令作用域,在該作用域上可以定義自己的控制器,并且通過this共享一些方法,然后其他指令通過require取得和“父指令”的聯系。 然后由獨立作用域引申出綁定策略:@,=,&,這個綁定是全部綁定,就是數據模型里的所有變量或者方法都是用這種策略,而通過html頁面的屬性值,確定調用哪個變量或方法。
    查看全部
    1 采集 收起 來源:指令(4)

    2018-03-22

  • 結構: 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!
    查看全部
    0 采集 收起 來源:指令(2)

    2015-08-12

  • restrict E C M A
    查看全部
    0 采集 收起 來源:指令(2)

    2015-08-12

  • 使用AngularJS 做的最多的工作是寫各種指令
    查看全部
    0 采集 收起 來源:指令(1)

    2015-08-12

  • 注意事項
    查看全部
  • ng-disabled="myForm.$invalid"中的myForm是表單的name屬性的值
    查看全部
    0 采集 收起 來源:指令(5)

    2018-03-22

  • end to end
    查看全部
  • link函數中參數attrs的作用,是為了獲取在指令上自定義的屬性,自定義的屬性可以使用不同的控制器中的方法,通過指令link函數中:scope.$apply(attrs.howtoload),從而實現同一個指令中使用不同的控制器中的方法
    查看全部
    0 采集 收起 來源:指令(3)

    2015-08-11

  • !!!
    查看全部
  • 留個爪
    查看全部

舉報

0/150
提交
取消
課程須知
你需要有較強前端基礎:JavaScript基礎非常扎實(BOM、DOM、事件系統、原型、作用域、閉包),并已熟悉jQuery、同時對CSS基礎有一定了解;對依賴注入、MVC等常見的技術和設計模式有所了解。請注意,AngularJS框架的設計思想非常前衛,因此本教程不適合新手。
老師告訴你能學到什么?
掌握AngularJS用法、理解AngularJS核心概念、使用AngularJS進行開發

微信掃碼,參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復購買,感謝您對慕課網的支持!