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對(duì)象設(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>"
          }
})

自定義指令

過濾器需要使用|進(jìn)行操作

屏幕快照 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中是以一個(gè)參數(shù)的形式傳遞到控制器中,在controller中去使用

$timeout

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

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

$interval

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

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

location

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

absUrl( ):只讀;根據(jù)在[RFC 3986](http://www.ietf.org/rfc/rfc3986.txt)中指定的規(guī)則,返回url,帶有所有的片段。
hash( ):讀、寫;當(dāng)帶有參數(shù)時(shí),返回哈希碎片;當(dāng)在帶有參數(shù)的情況下,改變哈希碎片時(shí),返回$location。
host( ):只讀;返回url中的主機(jī)路徑。
path( ):讀、寫;當(dāng)沒有任何參數(shù)時(shí),返回當(dāng)前url的路徑;當(dāng)帶有參數(shù)時(shí),改變路徑,并返回$location。(返回的路徑永遠(yuǎn)會(huì)帶有/)
port( ):只讀;返回當(dāng)前路徑的端口號(hào)。
protocol( ):只讀;返回當(dāng)前url的協(xié)議。
replace( ):如果被調(diào)用,就會(huì)用改變后的URL直接替換瀏覽器中的歷史記錄,而不是在歷史記錄中新建一條信息,這樣可以阻止『后退』。
search( ):讀、寫;當(dāng)不帶參數(shù)調(diào)用的時(shí)候,以對(duì)象形式返回當(dāng)前url的搜索部分。
url( ):讀、寫;當(dāng)不帶參數(shù)時(shí),返回url;當(dāng)帶有參數(shù)時(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)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

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

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