사용자 정의 필터링 및 글로벌 필터링

    
    
    
    


    

        
        {{books | filter : myFilter}}
        {{books | myFilter2}}
         
    
    


//    function box(){}
//    var box = function(){}
//    function sayh(e){
//        alert(e.target)
//    }
    var myApp = angular.module("myApp",[]);
//     
    myApp.filter("myFilter2",function () {
        return function(data){
//            console.log(data);
            console.log(data.slice(0,2))
            return data.slice(0,2)
        }
    })
    myApp.controller("myCon",["$scope",function($sc){
                $sc.books = [
                    {
                        "id":100,
                        "name":"javascript",
                        "price":50,
                        "num":100
                    },{
                        "id":101,
                        "name":"php",
                        "price":50,
                        "num":50
                    },{
                        "id":102,
                        "name":"jquery",
                        "price":40,
                        "num":80
                    }
                ]
               $sc.myFilter = function(data){
//                console.log(data);
                   if(data.name.indexOf('php') != -1){
                       return data;
                   }
               }
               $sc.sayHello = function (e) {
//                   alert(e);// 
//                   alert(e.target);//   dom 
                   var jq = angular.element;
                   jq(e.target).addClass("box");
               }
            }]);