AngularJS如何重新加载 url 更改在角上的只能有一个控制器?

发布时间: 2017/4/16 21:49:47
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

我为我的 web 应用程序中使用 ui 路由器和我定义了 3 种不同的看法︰ 标题、 内容和菜单。

当我从只想重新加载内容视图的菜单中选择一个链接时,页的其余部分应保持原样。 这是我的路由配置︰

app.config(['$stateProvider', '$urlRouterProvider', '$locationProvider', '$httpProvider',
function ($stateProvider, $urlRouterProvider, $locationProvider, $httpProvider) {
    $httpProvider.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
    $locationProvider.html5Mode(true);

    $stateProvider.state('', {
        url: '/name=:name',
        views: {
            header: {
                templateUrl: '/new/app/components/header/headerView.html',
                controller: 'HeaderController'
            },
            content: {
                // only this one should reload itself on url change.
                templateUrl: '/new/app/components/content/contentView.html',
                controller: 'ContentController'
            },
            menu: {
                templateUrl: '/new/app/components/menu/menuView.html',
                controller: 'MenuController'
            }
        }
    });
}
]);

在 html 中已经定义此像这样的意见︰

    <div ui-view="header"></div>
    <div ui-view="content"></div>
    <div ui-view="menu"></div>

如何确定我的配置文件重新加载只"内容"视图?

解决方法 1:

我将创建指令为你 headermenu ,或使用 ng-include 和不使用 ui-view 或把它们放进你的国家配置

<div site-header></div>
<div ui-view="content"></div>
<div site-menu></div>
官方微信
官方QQ群
31647020