2017-01-25 10 views
0

ng-view 내에서 템플릿을 스크롤 할 때 왜이 기본 스크롤 지시문이 작동하지 않는지 아는 사람 있습니까? 나는 이것이 매우 모호하다는 것을 알고 있지만 나는 웹상에서 아무것도 찾을 수 없다. 내가 스크롤 지시문의 여러 변형을 시도했지만 그들 중 누구도 템플릿 내에서 스크롤을 인식하지 못합니다. 내가 얻을 수있는 도움에 감사드립니다. 미리 감사드립니다!ng-view에서 angularJS 스크롤을 인식하지 못합니다.

나는 HTML

<ng-view><ng-view> 

하고 뷰

<div scroll> 
    <blah></blah> 
</div> 

나는 또한 내가 안된다는위한 기본 템플릿이 기본 지침 여기에

directive("scroll", function ($window) { 
    return function(scope, element, attrs) { 
     angular.element($window).bind("scroll", function() { 
      if (this.pageYOffset >= 100) { 
       scope.boolChangeClass = true; 
      } else { 
       scope.boolChangeClass = false; 
      } 
     scope.$apply(); 
     }); 
    }; 
}); 

이다 사용하고 있습니다 ngRoute를 사용하여보기에보기를 제공합니다.

<div ng-view></div> 

내 경우에는

답변

0

은 내가 문제를 발견

<input type="password" class="form-control" scroll="user.password" required> 

지시

app.directive("scroll", function() { 
    return { 
    }; 
}); 
0

지시어 예를 사용하는 데 사용. 내 코드의 모든 것이 정확했다. 문제는 내가 overflow-x를 숨기고있는 CSS 조각이 있다는 것입니다. 일단 스크롤 이벤트가 시작되었다는 것을 제거했습니다.