9.9 장식기, 명령

2138 단어
모듈을 지정합니다ng-app="zfMod"

장식기


hello

red 명령어 이름
 //   
    angular.module('zfMod',[])
            //     
            .directive('red',function(){
                return {
                    //scope   
                    link:function(scope,element){
                       element.css('color','red');
                        element.css('border','1px solid red');
                        element.on('click',function(){
                            alert(element.html());
                        });
                    }
                }
            })
            .directive('zfGreeting',function($http){
                return {
                    //scope   
                    link:function(scope,element){
                        // $.ajax
                        $http({
                            url:'greeting.json',
                            method:'GET'
                        }).success(function(data){
                            element.html(data.data);
                        });
                    }
                }
            })

조립식

 //   
    angular.module('zfMod',[])
          .directive('red',function(){
                return {
                    //scope   
                    link:function(scope,element){
                        element.css('color','red');
                        element.css('border','1px solid red');
                        element.on('click',function(){
                            alert(element.html());
                        });
                    }
                }
            })
//     
            .directive('zfform',function(){
                return {
                    // DOM DOM 
                   template:'
' } })

어셈블리와 코스메틱 차이점 주의

좋은 웹페이지 즐겨찾기