在ng-点击它加载不同的控制器?

时间:2016-11-08 06:57:51

标签: javascript jquery angularjs

我正在使用个人资料页面,点击个人资料我导航到profile.html页面和profilectrl,但是当我点击无法加载profilectrl其加载builderctrl时,我使用了$ location.path。这是我的代码。

这是我的点击功能

$scope.profile=function(){
      $location.path("/profile");

    }

这是我的路由结构

sidemenu.config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) {
    $routeProvider
        .when('/builders/:id', {
            templateUrl: '../template/listpagefilter.html',
            controller: 'buildersCtrl'
            })
        .when('/builders/:id/property/:property_id', {
            templateUrl: '../view/property-details.html',
            controller: 'unitTypeCtrl'
        })

        .when('/property/:property_id', {
            templateUrl: '../view/property-details.html',
            controller: 'unitTypeCtrl'
        })

         .when('/profile/', {      
            templateUrl: '../view/profile.html',
            controller: 'profileCtrl'
        })

}])

1 个答案:

答案 0 :(得分:0)

通过更改$ routeProvider来实现。代码如下。

sidemenu.config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) {
    $routeProvider

         .when('/profile', {        
            templateUrl: '../view/profile.html',
            controller: 'profileCtrl'
        })

        .when('/builders/:id', {
            templateUrl: '../template/listpagefilter.html',
            controller: 'buildersCtrl'
            })
        .when('/builders/:id/property/:property_id', {
            templateUrl: '../view/property-details.html',
            controller: 'unitTypeCtrl'
        })

        .when('/property/:property_id', {
            templateUrl: '../view/property-details.html',
            controller: 'unitTypeCtrl'
        })

        .when('/filterate/:query',{
            templateUrl: '../template/listpagefilter.html',
            controller: 'buildersCtrl'
        })

}])