在ng上單擊其加載不同的控制器？

Question

我正在個人資料頁面上工作，在個人資料上單擊時，我導航到profile.html頁面和profilectrl，但是當我單擊無法加載profilectrl時，我使用了$ 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'
        })

}]）

Answer 1

通過更改$ 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'
        })

}])