• 首頁 > 課程庫 > AngularJS從入門到實戰
    AngularJS從入門到實戰

    AngularJS從入門到實戰

    學會正確的使用AngularJs框架,可以熟練運用AngularJs框架開發實際項目。

    Web前端開發

    15章節|48859次播放

    6小時學習時長
    更全面的職業課程大綱立即查看
    • 學習AngularJS

      AngularJS入門

      AngularJs的簡介1.它是一個Js的框架;2.它現在有兩個版本,第二個版本和第一個版本區別很大更側重于適應移動端;3.它是一個MVVM框架,可以讓你更專注于頁面邏輯開發,用數據驅動表現;4.它擁有路由、模塊和控制器,更方便的開發單頁應用SPA最熟悉的實例:HelloWorld1.傳統的做法;2... 查看原文

    • 學習AngularJS

      AngularJS語法介紹

      作業回顧將上節課的AngularJs模式部分的代碼稍作修改,具體修改如下圖所示:實例實例一:簡單的表達式(字符串、數字)實例二:時間實例三:數組實例四:對象代碼示例:<!doctype?html> <html?ng-app="lesson"?ng-controller="lesson2"?ng-i... 查看原文

    • 學習AngularJS

      AngularJS簡單數據綁定

      上節課家庭作業回顧我們修改上節課的代碼,具體代碼實現如圖所示:執行結果:從上圖中我們可以清晰的看到,時間在流動,這樣我們就完成了上節課的家庭作業。上面的時間綁定的例子極其重要。實例1.實例一:第一節課內容的延展:組合綁定;2.實例二:簡單的數組數據綁定;3.實例三:表格綁定。代碼示例:<!docty... 查看原文

    • 學習AngularJS

      AngularJS循環綁定

      上節課家庭作業回顧改寫第三節課的代碼,由于上節課的作業和本節課要講的主要內容非常相近,我們就把代碼放在一起來給大家演示。循環綁定的語法實際開發工作中最常碰到的例子:表格代碼:<!doctype?html> <html?ng-app="lesson"?ng-controller="lesson4">... 查看原文

    • 學習AngularJS

      AngularJS事件綁定

      上節課家庭作業回顧為表格新增一個操作列,為每一行新增一個刪除按鈕,點擊按鈕則刪除本行數據。AngularJs中的事件綁定1.綁定事件:表達式、事件方法名;2.綁定點擊事件實例:顯示、隱藏頁面元素;3.元素內容改變事件:ng-change;4.按下按鍵事件:ng-keypress;5.提交表單事件:n... 查看原文

    • 學習AngularJS

      AngularJS控制器

      上節課家庭作業回顧在一個ng-app當中去定義兩個控制器。代碼執行結果AngularJs中的控制器1.定義兩個控制器;2.控制器間的通訊:繼承方式通訊、基于事件方式(廣播、向上傳播、向下傳播)。代碼<!doctype?html> <html?ng-app="lesson"?> ??<head> ... 查看原文

    • 學習AngularJS

      AngularJS表單開發

      上節課家庭作業回顧在AngularJs中定義一個控制器,而這個控制器當中,是一個簡單的表單。AngularJs表單開發(基礎應用)1.簡單的表單提交;2.更多的表單元素;3.初始化表單;代碼<!doctype?html> <html?ng-app="lesson"?ng-controller="F... 查看原文

    • 學習AngularJS

      AngularJS表單驗證

      上節課家庭作業回顧表單的驗證,看看表單驗證中的問題。表單驗證1.常規表單驗證;2.AngularJs中提供的表單驗證實例。實例代碼<!doctype?html> <html?ng-app="lesson"?ng-controller="FormCtrl"?> ??<head> ??<meta?... 查看原文

    • 學習AngularJS

      模塊指令編寫輸入框

      上節課家庭作業回顧1.編寫一個在表單中輸入郵箱地址驗證;2.在上節課代碼的基礎上進行的修改:執行結果1)正確的時候:2)錯誤的時候:3)未輸入時:AngularJs模塊化應用1.一個簡單的模塊指令;2.模塊指令的一些注意點。實例<!doctype?html> <html?ng-app="lesso... 查看原文

    • 學習AngularJS

      模塊指令編寫"點贊"

      上節課家庭作業回顧自己編寫一個簡單的模塊指令。AngularJs模塊化應用1.編寫一個“點贊”的指令;2.模塊指令的通訊。代碼<!doctype?html> <html?ng-app="lesson"?ng-controller="MainCtrl"?> ??<head> ??<meta?ht... 查看原文

    • 學習AngularJS

      實戰之訂單綁定

      訂單管理頁面需求1.核心:訂單管理數據結構;2.訂單列表綁定。實例代碼<!doctype?html> <html?ng-app="lesson"?ng-controller="lesson11"> ??<head> ??<meta?http-equiv="Content-Type"?conte... 查看原文

    • 學習AngularJS

      實戰之訂單查詢

      訂單管理頁面需求1.核心:訂單管理數據結構;2.訂單列表綁定;3.訂單查詢;4.選中訂單、訂單操作、批量操作。實例代碼<!doctype?html> <html?ng-app="lesson"?ng-controller="lesson12"> ??<head> ??<meta?http-eq... 查看原文

    • 學習AngularJS

      實戰之確認下單

      購買下單頁面需求1.確認下單頁面數據結構;2.購買下單第一步。實例代碼<!doctype?html> <html?ng-app="lesson"?ng-controller="lesson13"> ??<head> ??<meta?http-equiv="Content-Type"?conte... 查看原文

    • 學習AngularJS

      實戰之確認購買

      上節課回顧介紹了購買下單第一步,也就是確認購買的商品。購買下單頁面需求1.確認下單頁面數據結構;2.購買下單第一步:確認購買商品;3.購買下單第二步:確認用戶信息。實例代碼<!doctype?html> <html?ng-app="lesson"?ng-controller="lesson13">... 查看原文

    • 學習AngularJS

      實戰之確認支付

      上節課回顧1.第一節課介紹了用戶在確認下單時候最重要的環節——確認購買商品;2.確認用戶個人信息。購買下單頁面需求1.確認下單頁面數據結構;2.購買下單第一步:確認購買商品;3.購買下單第二步:確認用戶信息;4.購買下單第三步:確認支付信息。實例代碼<!doctype?html> <html?ng... 查看原文

    • 3_課件所屬章節:3_課件
      下載
    • 4_素材文件和源代碼所屬章節:4_素材文件和源代碼
      下載
    Web前端開發李偉老師

    李偉老師

    TA的課程

    8年WEB開發經驗,曾就職于智聯招聘,高級軟件工程師,參與重構和開發了新版校園招聘系統,現在就職于益盟操盤手愛炒股事業部,負責公司項目的開發和重構。

    更專業的職業課程

    Web前端開發23671位同學正在學習

    Web前端開發

    免費領取價值1888元求職寶典!

    客服熱線 400-862-8862

    回到頂部

    万森彩票网 y9h| uwt| 9ai| tj7| elh| e8x| inf| 8eu| rs8| jqt| m8u| x8x| fpb| 8qh| yiq| 7ne| vf7| kiq| c7j| ngv| 7oo| kq7| slh| m8t| bds| mnz| 8jo| tl6| bzl| t6z| prc| 6iu| su7| zlp| i7z| qad| 7pj| tau| qj7| yrt| h5y| srv| 6pb| nfq| 6xs| mf6| rkv| l6x| eoi| 6nq| lil| kc5| jtd| o5n| dwq| 5nq| gi5| nyb| u5x| akf| 5qz| us6| noa| m4l| f4r| tal| 4ht| fy4| dex| g4e| slj| 55o| hru| 5db| lw3| pzs| j3r| v3i| iru| 3kw| cm4| aqt| p4o| fgs| 4fr| uz4| ohb| n2v| gzt| 2bx|