2019-07-16

  1. 邊界指令 ng-app
    <html ng-app=""></html>

  2. 呈現(xiàn)指令
    {{}}來呈現(xiàn)NG變量

  3. 信息指令 ng-model:保存有用戶輸入的NG變量(表單標(biāo)簽)

  4. 綁定指令:將NG變量綁定到標(biāo)簽上 用于非輸入性的標(biāo)簽 NG框架加載失敗也不會報錯

  5. 初始化:NG變量進(jìn)行初始化
    angular.module用于生產(chǎn)NG頁面數(shù)據(jù)模型

  6. 聲明控制器 ng-controller
    控制器:操作數(shù)據(jù)以及視圖的部件
    只要聲明一個標(biāo)簽有用控制器,這個控制器就必須定義,否則報錯

  7. ng-repeat 可以去頁面觀看,每一個都使用了ng-repeat 還自動生成了class
    方法:

  8. 生成模型
    語法:
    var 頁面數(shù)據(jù)模型=angular.module('邊界名稱',[注入信息])

  9. 生成頁面控制器
    頁面數(shù)據(jù)模型.controller('控制器名稱',['scope',function(scope){}])

  10. 構(gòu)建路由
    頁面數(shù)據(jù)模型.config(['routerProvider',function(routerProvider){
    $routerProvider.
    .when('/頁面代號',{
    template:'要加載的頁面的url地址'(以路由地址為起點),
    controler:'對應(yīng)頁面的控制器名稱'
    })
    ·····
    .otherwise({
    redirectTo:'/默認(rèn)加載頁面代號'
    })
    }])

  11. 過濾服務(wù)$filter:格式化數(shù)據(jù) 系統(tǒng)服務(wù) 但是支持自定義
    語法:{{任意內(nèi)容|過濾器}}
    自定義過濾服務(wù):
    app.filter('自定義過濾器名稱',function(){
    return function(text){
    //對text操作
    }
    })

  12. 系統(tǒng)內(nèi)置服務(wù)

時間軸:間隔調(diào)用interval 延遲調(diào)用timeout 清除時間軸內(nèi)容服務(wù)
監(jiān)聽服務(wù):watch 語法:scope.$watch('想要監(jiān)聽的字符串或者表達(dá)式',function(){})
循環(huán)定時

  1. 自定義服務(wù)
    value
    app.value('服務(wù)名',{服務(wù)內(nèi)容Jasn})
    constant
    類似于value,但是一旦被注入,無法更改,并且多個constant只有第一個起作用
    app.constant('服務(wù)名',{服務(wù)內(nèi)容Jasn})

factory:返回一個對象
service:服務(wù)內(nèi)部所有內(nèi)容必須通過this操作
provider
app.provider('服務(wù)名',this.$get=fubction(){})

  1. 自定義指令
    頁面數(shù)據(jù)模型.directive('',function(){
    return{
    restrict:'指令類型',
    template:'指令結(jié)構(gòu)',
    replace:'指令復(fù)寫'
    }
    })
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容