9.11 모니터링 워치
자체 가진angular 속성ng-model 감청  
    
    {{age}}
   angular.module('zfMod', [])
    .controller('WatchCtrl',function($scope){
        $scope.age = 100;
       $scope.$watch('age',function(newVal, oldVal){
            console.log(newVal, oldVal);
      })
        console.log($scope);
    })
  
스스로 데이터 귀속을 실현하다  
    
    {{age}}
   angular.module('zfMod', [])
    .controller('WatchCtrl',function($scope,$interval){
        $scope.age = 100;
        $interval(function(){
                $scope.age = parseInt($scope.age)+1;
        },1000);
        console.log($scope);
    }).directive('zfModel',function($timeout){
        return {
            link:function(scope,element,attrs){
                element.on('keypress',function(){
                    console.log('keypress',element.val());
                    // , , {{age}} 
                    scope.$apply(function(){
                        scope.age = element.val();
                    });
                    /*$timeout(function(){
                        scope.age = element.val();
                    },0);*/
                });
                // , 
                var watcher = scope.$watch('age',function(newVal,oldVal){
                    console.log(newVal,oldVal);
                    if(newVal != oldVal){
                        element.val(scope.age);
                    }
                })
                console.log('scope',scope);
            }
        }
    })
                
                    
        
    
    
    
    
    
                
                
                
                
                
                
                    
                        
                            
                            
                                
                                    
                                    이 내용에 흥미가 있습니까?
                                
                            
                            
                            
                            현재 기사가 여러분의 문제를 해결하지 못하는 경우  AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
                            
                                
                                다양한 언어의 JSON
                            
                            JSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다.
그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다.
저는 일반적으로 '객체'{}...
                            
                            
                            
                            
                            텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
                            
                            CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
                            
                        
                    
                
                
                
            
    
    {{age}}
 angular.module('zfMod', [])
    .controller('WatchCtrl',function($scope){
        $scope.age = 100;
       $scope.$watch('age',function(newVal, oldVal){
            console.log(newVal, oldVal);
      })
        console.log($scope);
    })
    
    {{age}}
   angular.module('zfMod', [])
    .controller('WatchCtrl',function($scope,$interval){
        $scope.age = 100;
        $interval(function(){
                $scope.age = parseInt($scope.age)+1;
        },1000);
        console.log($scope);
    }).directive('zfModel',function($timeout){
        return {
            link:function(scope,element,attrs){
                element.on('keypress',function(){
                    console.log('keypress',element.val());
                    // , , {{age}} 
                    scope.$apply(function(){
                        scope.age = element.val();
                    });
                    /*$timeout(function(){
                        scope.age = element.val();
                    },0);*/
                });
                // , 
                var watcher = scope.$watch('age',function(newVal,oldVal){
                    console.log(newVal,oldVal);
                    if(newVal != oldVal){
                        element.val(scope.age);
                    }
                })
                console.log('scope',scope);
            }
        }
    })
                이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.