모든 북마크가 같은 요소로 리디렉션됩니다

세 개의 북마크가 있습니다. 두 개의 페이지가 동일한 페이지에 있고 다른 페이지에 하나씩 있습니다. 링크를 클릭하면 동일한 요소로 이동하고 원활하지 않습니다.
사용중인 프레임 작업은 materializecss, angularjs 1 및 ui 라우터입니다.
코드를 작성하는 방법을 모르겠습니다.모든 북마크가 같은 요소로 리디렉션됩니다

myapp.controller('ctrl',ctrl); 
 
ctrl.$inject=['$scope', '$location', '$anchorScroll']; 
 
function ctrl($scope, $location, $anchorScroll) { 
 
    $scope.scrollTo = function(team) { 
 
     $location.hash('team'); 
 
     $anchorScroll(); 
 
    }; 
 
    
 
    $scope.scrollTo = function(contact) { 
 
     $location.hash('contact'); 
 
     $anchorScroll(); 
 
    }; 
 
};

<body ng-controller="ctrl"> 
 

 
<div class="container"> 
 
\t <div class="fixed-action-btn toolbar"> 
 
    <a class="btn-floating btn-large light-blue accent-2 pulse"> 
 
     <i class="large material-icons">menu</i> 
 
    </a> 
 
    <ul> 
 
     <li class="waves-effect waves-light"><a ui-sref="home">HOME</a></li> 
 
     <li class="waves-effect waves-light"><a ng-click="scrollTo(home/project)">PROJECTS</a></li> 
 
     <li class="waves-effect waves-light"><a ng-click="scrollTo(team)">TEAM</a></li> 
 
     <li class="waves-effect waves-light"><a ng-click="scrollTo(contact)">CONTACT</a></li> 
 
    </ul> 
 
    </div> 
 
</div>

어떤 도움을 주셔서 감사합니다.
감사합니다.

가 당신은 컨트롤러에서 여러 scrollTo 기능을 추가 할 필요가없는

출처

2017-09-03 prasad

입니다입니다 너를 위해 일하는거야? – Gaurav

, 당신이

myapp.controller('ctrl', ctrl); 
ctrl.$inject = ['$scope', '$location', '$anchorScroll']; 

function ctrl($scope, $location, $anchorScroll) { 
    $scope.scrollTo = function(state) { 
     $location.hash(state); 
     $anchorScroll(); 
    } 
};

및 HTML 같은 모든에 대해 하나의 기능을 사용할 수 있습니다 것은 내가 당신에게 대답을 제공 한

<body ng-controller="ctrl"> 
    <div class="container"> 
    <div class="fixed-action-btn toolbar"> 
     <a class="btn-floating btn-large light-blue accent-2 pulse"> <i class="large material-icons">menu</i> </a> 
     <ul> 
     <li class="waves-effect waves-light"><a ui-sref="home">HOME</a></li> 
     <li class="waves-effect waves-light"><a ng-click="scrollTo('home/project')">PROJECTS</a></li> 
     <li class="waves-effect waves-light"><a ng-click="scrollTo('team')">TEAM</a></li> 
     <li class="waves-effect waves-light"><a ng-click="scrollTo('contact')">CONTACT</a></li> 
     </ul> 
    </div> 
    </div> 
</body>

출처

2017-09-03 11:46:43 Gaurav

모든 북마크가 같은 요소로 리디렉션됩니다

답변

관련 문제