我已经尝试过这里介绍的所有解决方案:如何在AngularJS中处理锚点哈希链接
但是没有一个对我有用。
在我header.html
的链接中:<a id="button" href="#/views/home#page"> Contact</a></li>
到ID中 home.html
当我在/home
其中时有效,但是当我在另一个页面中时无效。
我尝试使用##page
没有成功。或将其放在app.js中:
app.run(function($rootScope, $location, $anchorScroll, $routeParams) {
$rootScope.$on('$routeChangeSuccess', function(newRoute, oldRoute) {
$location.hash($routeParams.scrollTo);
$anchorScroll();
});
});
并自定义我的链接:
href="#/views/home/?scrollTo=page"
有人可以解释我应该编辑哪些文件以及如何编辑吗?
编辑:我从角种子开始
我的app.js
是:
'use strict';
// Declare app level module which depends on views, and components
angular.module('myApp', [
'ngRoute',
'myApp.view1',
'myApp.view2',
'myApp.training',
'myApp.faq',
'myApp.media',
'myApp.contact',
'myApp.home',
'myApp.apply',
'myApp.classes',
'myApp.version'
]).
config(['$routeProvider', function($routeProvider) {
$routeProvider.otherwise({redirectTo: '/views/home'});
}]);
在每个视图中,我都有另一个js文件training.js
,如下所示:
'use strict';
angular.module('myApp.training', ['ngRoute'])
.config(['$routeProvider', function($routeProvider) {
$routeProvider.when('/views/training', {
templateUrl: 'views/training/training.html',
controller: 'TrainingCtrl'
});
}])
.controller('TrainingCtrl', [function() {
}]);
它是基于角度种子模型配置的。
因此,当我在视图/faq
中具有部分header
菜单和所有链接时,如何链接到视图中的特定ID /home
?
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句