链接到Angularjs应用程序中的不同路径锚点

时间:2017-06-03 04:04:56

标签: javascript html angularjs angular-routing ngroute

我已经构建了一个简单的角度应用程序。 我有这样的导航菜单:

主页 - 显示 - 附加 - 博客

家庭,节目和演员,被置于/路线内的锚链接,而BLOG是我的角度应用程序的另一条路线或局部视图。 加载BLOG视图后,我单击一个项目并加载动态POST。 我需要将HOME - SHOW和EXTRAS链接到HOME视图中的锚点。

我在这里阅读了很多问题,但没有任何帮助。

我也尝试过这样的事情:

<a href="#!/#extras" target="_self">EXTRAS</a>

<a href="/#extras">EXTRAS</a>

两者,也与ng-href一起使用。我可以用任何方式完成解决方案。

修改 也试过这个但没有发生任何事情:

$locationProvider.hashPrefix('!');

/修改

EDIT2 这是我的文件夹结构:

index.html
----pages
--------home.html
--------blog-list.html
--------blog-post.html

基本上是一页网页加博客。

/ EDIT2

这是我的路线:

(function() {
'use strict';
angular
    .module('app.routes')
    .config(routesConfig);

routesConfig.$inject = ['$routeProvider'];
function routesConfig($routeProvider){
    $routeProvider
    .when('/', {
        templateUrl : 'pages/home.html'
        ,controller: 'homeCtrl'
    })
    .when('/blog', {
        templateUrl : 'pages/blog-list.html'
        ,controller: 'timelineCtrl'
    })
    .when('/post/:article_id', {
        templateUrl : 'pages/blog-post.html'
        ,controller: 'timelineItemCtrl'
    })
    .otherwise({
        redirectTo: '/'
    });

}
})();

非常感谢任何帮助。

0 个答案:

没有答案