控制器
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>"
}
})
自定義指令
過濾器需要使用|
進(jìn)行操作
數(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中的主機(jī)路徑。
path( ):讀昵仅、寫缓熟;當(dāng)沒有任何參數(shù)時,返回當(dāng)前url的路徑摔笤;當(dāng)帶有參數(shù)時够滑,改變路徑,并返回$location吕世。(返回的路徑永遠(yuǎn)會帶有/)
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"; });