Angularjs入门(2)

控制器

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

angularJS程序被控制器控制
var app = angular.module("myApp",[]) // 获取应用程序
app.controller("myCtrl",function($scope){})//控制器设置
$scope //用来保存AngularJS Model对象设置值``添加变量``添加函数

自定义指令

通过内置指令为应用议案家功能,并且AngularJS允许自定有指令

创建指令

<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

数组排序:
ele in arr | orderBy   //升序排列
ele in arr | orderBy:order:true    //降序排列
x in people | orderBy:"age"   //根据年龄排序

服务

AngularJS提供了一些功能的封装,但是使用方法和之前的库不一样.
在AngularJS中是以一个参数的形式传递到控制器中,在controller中去使用

$timeout

$timeout 是一个window.setTimeout 的Angular封装，这个 fn函数被封装成了一个 try/catch块并且授 $exceptionHandler服务以任何例外

• cancel([promise]);
  取消一个与 promise 相关联的任务。这个结果会导致，promise会被拒绝解析。
• 返回 boolean
  如果任务没有被执行就被成功取消了，则会返回 true。

$interval

$interval是Angular对 window.setInterval 的封装。fn
函数将在每次延时的时候执行。一个注册的间隔函数的返回值是一个 promise

• cancel([promise]);
  取消一个与 promise相关的任务。
• 返回boolean
  如果任务被成功取消则返回 true。

location

$location服务解析地址栏中的URL（基于window.location），让你在应用代码中能获取到。改变地址栏中的URL会反应$location服务中，反之亦然。

absUrl( )：只读；根据在[RFC 3986](http://www.ietf.org/rfc/rfc3986.txt)中指定的规则，返回url，带有所有的片段。
hash( )：读、写；当带有参数时，返回哈希碎片；当在带有参数的情况下，改变哈希碎片时，返回$location。
host( )：只读；返回url中的主机路径。
path( )：读、写；当没有任何参数时，返回当前url的路径；当带有参数时，改变路径，并返回$location。（返回的路径永远会带有/）
port( )：只读；返回当前路径的端口号。
protocol( )：只读；返回当前url的协议。
replace( )：如果被调用，就会用改变后的URL直接替换浏览器中的历史记录，而不是在历史记录中新建一条信息，这样可以阻止『后退』。
search( )：读、写；当不带参数调用的时候，以对象形式返回当前url的搜索部分。
url( )：读、写；当不带参数时，返回url；当带有参数时，返回$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"; });