Angularjs入門(2)

控制器

var app = angular.module("myApp",[])
app.controller("myCtrl",function($scope){
})

angularJS程序被控制器控制
var app = angular.module("myApp",[]) // 獲取應(yīng)用程序
app.controller("myCtrl",function($scope){})//控制器設(shè)置
$scope //用來保存AngularJS Model對象設(shè)置值``添加變量``添加函數(shù)

自定義指令

通過內(nèi)置指令為應(yīng)用議案家功能,并且AngularJS允許自定有指令

創(chuàng)建指令

<ffff-directive></fffff-directive>
restrict:"E"

<div directive></div>
restrict:"A"

<div class="directive"></div>
restrict:"C"

``
restrict:"M",
replace:true

app.directive('fffffDirective',function(){
        return{
          template:"<h1>自定義指令</h1>"
          }
})

自定義指令

過濾器需要使用|進行操作

屏幕快照 2016-07-25 下午7.33.31.png
數(shù)組排序:
ele in arr | orderBy   //升序排列
ele in arr | orderBy:order:true    //降序排列
x in people | orderBy:"age"   //根據(jù)年齡排序

服務(wù)

AngularJS提供了一些功能的封裝,但是使用方法和之前的庫不一樣.
在AngularJS中是以一個參數(shù)的形式傳遞到控制器中,在controller中去使用

$timeout

$timeout 是一個window.setTimeout 的Angular封裝,這個 fn函數(shù)被封裝成了一個 try/catch塊并且授 $exceptionHandler服務(wù)以任何例外

  • cancel([promise]);
    取消一個與 promise 相關(guān)聯(lián)的任務(wù)。這個結(jié)果會導(dǎo)致,promise會被拒絕解析。
  • 返回 boolean
    如果任務(wù)沒有被執(zhí)行就被成功取消了,則會返回 true。

$interval

$interval是Angular對 window.setInterval 的封裝。fn
函數(shù)將在每次延時的時候執(zhí)行。一個注冊的間隔函數(shù)的返回值是一個 promise

  • cancel([promise]);
    取消一個與 promise相關(guān)的任務(wù)。
  • 返回boolean
    如果任務(wù)被成功取消則返回 true。

location

$location服務(wù)解析地址欄中的URL(基于window.location),讓你在應(yīng)用代碼中能獲取到。改變地址欄中的URL會反應(yīng)$location服務(wù)中,反之亦然。

absUrl( ):只讀;根據(jù)在[RFC 3986](http://www.ietf.org/rfc/rfc3986.txt)中指定的規(guī)則,返回url,帶有所有的片段。
hash( ):讀、寫;當(dāng)帶有參數(shù)時,返回哈希碎片;當(dāng)在帶有參數(shù)的情況下,改變哈希碎片時,返回$location。
host( ):只讀;返回url中的主機路徑。
path( ):讀、寫;當(dāng)沒有任何參數(shù)時,返回當(dāng)前url的路徑;當(dāng)帶有參數(shù)時,改變路徑,并返回$location。(返回的路徑永遠會帶有/)
port( ):只讀;返回當(dāng)前路徑的端口號。
protocol( ):只讀;返回當(dāng)前url的協(xié)議。
replace( ):如果被調(diào)用,就會用改變后的URL直接替換瀏覽器中的歷史記錄,而不是在歷史記錄中新建一條信息,這樣可以阻止『后退』。
search( ):讀、寫;當(dāng)不帶參數(shù)調(diào)用的時候,以對象形式返回當(dāng)前url的搜索部分。
url( ):讀、寫;當(dāng)不帶參數(shù)時,返回url;當(dāng)帶有參數(shù)時,返回$location。

$http

$http.get(url).

$http.get(url).success(function(data){
      console.log(data)
})

$http.post(url, data).

$http.post('Gulugulus/setMenu', {
     map: menu, 
      test: 'test_lwp' 
}).success(function(){
       window.location.href = "Gulugulus/subMenu"; });
最后編輯于
?著作權(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)容