$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);
};
<p 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>
</p>
<p 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>
</p>
默认如下图:
点账号设置的时候 我希望当前状态在账号设置上 但是效果确是下面这样子的
路过的帮我看看是什么问题呗,先谢过啦~~~
習慣沉默2017-05-15 16:56:49
사용을 권장합니다angular
的ui-router
, 매우 편리하고 매우 강력합니다. 시간이 있으면 작은 데모 작성을 도와드리겠습니다.
추가됨:
시간을 내서 데모를 작성해 봤습니다
HTML 파일 코드는 다음과 같습니다.
으아악JS 파일 코드는 다음과 같습니다.
으아악CSS 파일 코드는 다음과 같습니다.
으아악도움이 되기를 바랍니다.