>  Q&A  >  본문

angular.js - 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);
    };
    


<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>

默认如下图:

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

路过的帮我看看是什么问题呗,先谢过啦~~~

为情所困为情所困2713일 전556

모든 응답(3)나는 대답할 것이다

  • 習慣沉默

    習慣沉默2017-05-15 16:56:49

    사용을 권장합니다angularui-router, 매우 편리하고 매우 강력합니다. 시간이 있으면 작은 데모 작성을 도와드리겠습니다.


    추가됨:

    시간을 내서 데모를 작성해 봤습니다

    HTML 파일 코드는 다음과 같습니다.

    으아악

    JS 파일 코드는 다음과 같습니다.

    으아악

    CSS 파일 코드는 다음과 같습니다.

    으아악

    도움이 되기를 바랍니다.

    회신하다
    0
  • 巴扎黑

    巴扎黑2017-05-15 16:56:49

    으아악

    회신하다
    0
  • PHP中文网

    PHP中文网2017-05-15 16:56:49

    소유자님, 전체 예시를 게시해 주실 수 있나요?

    회신하다
    0
  • 취소회신하다