一.四大核心思想#

依賴注入、模塊化、語義化、雙向數(shù)據(jù)綁定

二.MVC#

M：model 模型
V：view 視圖
C：controller 控制器

三.指令#

    ng-app             //自動啟動一個angularjs應(yīng)用
    ng-controller      //定義一個控制器
    ng-model           //雙向綁定
    ng-repeat         //遍歷
    ng-change         //內(nèi)容改變  執(zhí)行
    ng-checked       //復(fù)選框選中
    ng-class           //類名
    ng-disabled     //禁用
    ng-focus           //獲取焦點
    ng-hide         //隱藏
    ng-show         //顯示
    ng-init         //初始化
    ng-list         //分割
    ng-submit         //提交  與form一起用
    ng-readonly        /只讀
    ng-click           //點擊
    ...
    自定義指令：
    app.directive("指令名稱",function(){  //駝峰
       return {  //返回json對象
                restrict:"ECMA", //指令類型 E 元素  A 屬性 C 類class  注釋 M
                template:"<div id='dv'>今天天氣不錯</div>" ,  //模板 html + 文字+屬性 少量
                templateUrl: 'hello.html',          //模板頁面
                replace:true
              }
    })

四.過濾器#

     currency       //貨幣
     date           //時間
     filter       //字符串匹配   篩選
     json           //格式化json對象
     limitTo         //限制個數(shù)
     lowercase     //小寫
     uppercase     //大寫
     number       //數(shù)字  后跟幾個0
     orderBy         //排序
     自定義過濾器：
      app.filter('自定義的過濾器',function () {
            return function () {
                        
            }
      })

五.路由#

config

var app=angular.module('myapp',["ngRoute"]);
app.config(['$routeProvider',function ($routeProvider) {
      $routeProvider
             .when('/',{template:'這是首頁',templateUrl:'1.html'})
             .when('/jp',{template:'這是國際',templateUrl:'2.html'})    
             .otherwise({redirectTo:'/'})
            }])

六.自定義服務(wù)

    factory(); 工廠 
    service(); 服務(wù)  
    provider(); 提供者 
    constant(); 常值
    value();  值

     app.factory('自定義',function () {
            return {
                    name:"hello"
                }
     })

        app.provider('自定義',function () {
            return{
                              $get:function(){
                                      return:{name:"hello"}
                              }
                
            }
        })

          app.service('自定義',Fnservice{
            function Fnservice(){this.name = "hello"}
     })

            app.value('自定義',"hello angular")

            app.constant('自定義',"hello angular")