angularjs 标签切换的问题

        $scope.peopleprofile = true;
        $scope.peoplesettings = false;
        if( $scope.locationpath == '/peopleProfile'){
            $scope.peopleprofile = true;
            $scope.peoplesettings = false;
        }else if( $scope.locationpath == '/peopleSettings'){
            $scope.peoplesettings = true;
            $scope.peopleprofile = false;
        }
        $scope.go = function(url, type){
            if( type == 'peopleprofile'){
                $scope.peopleprofile = true;
                $scope.peoplesettings = false;
            }else if( type == 'peoplesettings'){
                $scope.peoplesettings = true;
                $scope.peopleprofile = false;
            }
            routeSrvc.go(url);
        };
        
    
<div ng-class="{true: 'menu-item peoplesetting-nav-style', false: 'menu-item peoplesetting-nav'}[peopleprofile]" ng-controller="PersonController">
    <a class="peoplesetting-title-style" ng-click="go('peopleProfile', 'peopleprofile')"><i class="fa  fa-cog"></i>个人设置</a>
</div>
<div ng-class="{true: 'menu-item peoplesetting-nav-style', false: 'menu-item peoplesetting-nav'}[peoplesettings]" ng-controller="PersonController">
    <a class="peoplesetting-title-style" ng-click="go('peopleSettings', 'peoplesettings')"><i class="fa  fa-cog"></i>账号设置</a>
</div>

默认如下图：

点账号设置的时候 我希望当前状态在账号设置上 但是效果确是下面这样子的

路过的帮我看看是什么问题呗，先谢过啦～～～