aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--angularFiles.js2
-rw-r--r--src/AngularPublic.js2
-rw-r--r--src/service/anchorScroll.js (renamed from src/service/autoScroll.js)22
-rw-r--r--src/widgets.js16
-rw-r--r--test/service/anchorScrollSpec.js (renamed from test/service/autoScrollSpec.js)32
-rw-r--r--test/widgetsSpec.js16
6 files changed, 41 insertions, 49 deletions
diff --git a/angularFiles.js b/angularFiles.js
index 889d7f52..e2a37bb5 100644
--- a/angularFiles.js
+++ b/angularFiles.js
@@ -9,7 +9,7 @@ angularFiles = {
'src/sanitizer.js',
'src/jqLite.js',
'src/apis.js',
- 'src/service/autoScroll.js',
+ 'src/service/anchorScroll.js',
'src/service/browser.js',
'src/service/cacheFactory.js',
'src/service/compiler.js',
diff --git a/src/AngularPublic.js b/src/AngularPublic.js
index 4973f574..3614eb9a 100644
--- a/src/AngularPublic.js
+++ b/src/AngularPublic.js
@@ -66,7 +66,7 @@ function publishExternalAPI(angular){
$provide.value('$directive', angularDirective);
$provide.value('$widget', angularWidget);
- $provide.service('$autoScroll', $AutoScrollProvider);
+ $provide.service('$anchorScroll', $AnchorScrollProvider);
$provide.service('$browser', $BrowserProvider);
$provide.service('$cacheFactory', $CacheFactoryProvider);
$provide.service('$compile', $CompileProvider);
diff --git a/src/service/autoScroll.js b/src/service/anchorScroll.js
index 223400f4..19a09498 100644
--- a/src/service/autoScroll.js
+++ b/src/service/anchorScroll.js
@@ -1,6 +1,6 @@
/**
* @ngdoc function
- * @name angular.module.ng.$autoScroll
+ * @name angular.module.ng.$anchorScroll
* @requires $window
* @requires $location
* @requires $rootScope
@@ -11,14 +11,14 @@
* {@link http://dev.w3.org/html5/spec/Overview.html#the-indicated-part-of-the-document Html5 spec}.
*
* It also watches the `$location.hash()` and scroll whenever it changes to match any anchor.
- *
- * You can disable `$autoScroll` service by calling `disable()` on `$autoScrollProvider`.
- * Note: disabling is only possible before the service is instantiated !
+ * This can be disabled by calling `$anchorScrollProvider.disableAutoScrolling()`.
*/
-function $AutoScrollProvider() {
+function $AnchorScrollProvider() {
+
+ var autoScrollingEnabled = true;
- this.disable = function() {
- this.$get = function() {return noop;};
+ this.disableAutoScrolling = function() {
+ autoScrollingEnabled = false;
};
this.$get = ['$window', '$location', '$rootScope', function($window, $location, $rootScope) {
@@ -54,9 +54,11 @@ function $AutoScrollProvider() {
// does not scroll when user clicks on anchor link that is currently on
// (no url change, no $locaiton.hash() change), browser native does scroll
- $rootScope.$watch(function() {return $location.hash();}, function() {
- $rootScope.$evalAsync(scroll);
- });
+ if (autoScrollingEnabled) {
+ $rootScope.$watch(function() {return $location.hash();}, function() {
+ $rootScope.$evalAsync(scroll);
+ });
+ }
return scroll;
}];
diff --git a/src/widgets.js b/src/widgets.js
index 63ddaf36..09a800de 100644
--- a/src/widgets.js
+++ b/src/widgets.js
@@ -43,8 +43,8 @@
* instance of angular.module.ng.$rootScope.Scope to set the HTML fragment to.
* @param {string=} onload Expression to evaluate when a new partial is loaded.
*
- * @param {string=} autoscroll Whether `ng:include` should call {@link angular.module.ng.$autoScroll
- * $autoScroll} to scroll the viewport after the content is loaded.
+ * @param {string=} autoscroll Whether `ng:include` should call {@link angular.module.ng.$anchorScroll
+ * $anchorScroll} to scroll the viewport after the content is loaded.
*
* - If the attribute is not set, disable scrolling.
* - If the attribute is set without value, enable scrolling.
@@ -99,8 +99,8 @@ angularWidget('ng:include', function(element){
this.directives(true);
} else {
element[0]['ng:compiled'] = true;
- return ['$http', '$templateCache', '$autoScroll', '$element',
- function($http, $templateCache, $autoScroll, element) {
+ return ['$http', '$templateCache', '$anchorScroll', '$element',
+ function($http, $templateCache, $anchorScroll, element) {
var scope = this,
changeCounter = 0,
childScope;
@@ -133,7 +133,7 @@ angularWidget('ng:include', function(element){
childScope = useScope ? useScope : scope.$new();
compiler.compile(element)(childScope);
if (isDefined(autoScrollExp) && (!autoScrollExp || scope.$eval(autoScrollExp))) {
- $autoScroll();
+ $anchorScroll();
}
scope.$eval(onloadExp);
}
@@ -568,8 +568,8 @@ angularWidget('ng:view', function(element) {
if (!element[0]['ng:compiled']) {
element[0]['ng:compiled'] = true;
- return ['$http', '$templateCache', '$route', '$autoScroll', '$element',
- function($http, $templateCache, $route, $autoScroll, element) {
+ return ['$http', '$templateCache', '$route', '$anchorScroll', '$element',
+ function($http, $templateCache, $route, $anchorScroll, element) {
var template;
var changeCounter = 0;
@@ -593,7 +593,7 @@ angularWidget('ng:view', function(element) {
if (newChangeCounter == changeCounter) {
element.html(response);
compiler.compile(element)($route.current.scope);
- $autoScroll();
+ $anchorScroll();
}
}).error(clearContent);
} else {
diff --git a/test/service/autoScrollSpec.js b/test/service/anchorScrollSpec.js
index 72fc3424..7e4b3aa3 100644
--- a/test/service/autoScrollSpec.js
+++ b/test/service/anchorScrollSpec.js
@@ -1,4 +1,4 @@
-describe('$autoScroll', function() {
+describe('$anchorScroll', function() {
var elmSpy;
@@ -18,9 +18,9 @@ describe('$autoScroll', function() {
}
function changeHashAndScroll(hash) {
- return function($location, $autoScroll) {
+ return function($location, $anchorScroll) {
$location.hash(hash);
- $autoScroll();
+ $anchorScroll();
};
}
@@ -46,12 +46,6 @@ describe('$autoScroll', function() {
return expectScrollingTo(NaN);
}
- function disableScroller() {
- return function($autoScrollProvider) {
- $autoScrollProvider.disable();
- };
- }
-
beforeEach(module(function($provide) {
elmSpy = {};
@@ -108,16 +102,6 @@ describe('$autoScroll', function() {
expectScrollingTo('id=top')));
- it('should not scroll when disabled', function() {
- module(disableScroller());
- inject(
- addElements('id=fake', 'a name=fake', 'input name=fake'),
- changeHashAndScroll('fake'),
- expectNoScrolling()
- );
- });
-
-
describe('watcher', function() {
function initLocation(config) {
@@ -128,13 +112,19 @@ describe('$autoScroll', function() {
}
function changeHashTo(hash) {
- return function ($location, $rootScope, $autoScroll) {
+ return function ($location, $rootScope, $anchorScroll) {
$rootScope.$apply(function() {
$location.hash(hash);
});
};
}
+ function disableAutoScrolling() {
+ return function($anchorScrollProvider) {
+ $anchorScrollProvider.disableAutoScrolling();
+ };
+ }
+
afterEach(inject(function($document) {
dealoc($document);
}));
@@ -182,7 +172,7 @@ describe('$autoScroll', function() {
it('should not scroll when disabled', function() {
module(
- disableScroller(),
+ disableAutoScrolling(),
initLocation({html5Mode: false, historyApi: false})
);
inject(
diff --git a/test/widgetsSpec.js b/test/widgetsSpec.js
index 753a36b4..f119174f 100644
--- a/test/widgetsSpec.js
+++ b/test/widgetsSpec.js
@@ -225,10 +225,10 @@ describe('widget', function() {
describe('autoscoll', function() {
var autoScrollSpy;
- function spyOnAutoScroll() {
+ function spyOnAnchorScroll() {
return function($provide) {
- autoScrollSpy = jasmine.createSpy('$autoScroll');
- $provide.value('$autoScroll', autoScrollSpy);
+ autoScrollSpy = jasmine.createSpy('$anchorScroll');
+ $provide.value('$anchorScroll', autoScrollSpy);
};
}
@@ -247,20 +247,20 @@ describe('widget', function() {
};
}
- beforeEach(module(spyOnAutoScroll()));
+ beforeEach(module(spyOnAnchorScroll()));
beforeEach(inject(
putIntoCache('template.html', 'CONTENT'),
putIntoCache('another.html', 'CONTENT')));
- it('should call $autoScroll if autoscroll attribute is present', inject(
+ it('should call $anchorScroll if autoscroll attribute is present', inject(
compileAndLink('<ng:include src="tpl" autoscroll></ng:include>'),
changeTplAndValueTo('template.html'), function() {
expect(autoScrollSpy).toHaveBeenCalledOnce();
}));
- it('should call $autoScroll if autoscroll evaluates to true', inject(
+ it('should call $anchorScroll if autoscroll evaluates to true', inject(
compileAndLink('<ng:include src="tpl" autoscroll="value"></ng:include>'),
changeTplAndValueTo('template.html', true),
changeTplAndValueTo('another.html', 'some-string'),
@@ -270,14 +270,14 @@ describe('widget', function() {
}));
- it('should not call $autoScroll if autoscroll attribute is not present', inject(
+ it('should not call $anchorScroll if autoscroll attribute is not present', inject(
compileAndLink('<ng:include src="tpl"></ng:include>'),
changeTplAndValueTo('template.html'), function() {
expect(autoScrollSpy).not.toHaveBeenCalled();
}));
- it('should not call $autoScroll if autoscroll evaluates to false', inject(
+ it('should not call $anchorScroll if autoscroll evaluates to false', inject(
compileAndLink('<ng:include src="tpl" autoscroll="value"></ng:include>'),
changeTplAndValueTo('template.html', false),
changeTplAndValueTo('template.html', undefined),