각도가 특정 키/값을 가지고 있으면 값을 건너 뜁니다.

Question

이상한 문제가 여기 있습니다. 가능한 한 명확하게 설명하려고합니다.

나는 true로 설정된 키의 값을 기반으로하는 내용을 표시하는 간단한 ng 반복이 있습니다. 사용자가 몇 번의 클릭으로 바인딩 된 화살표 버튼을 사용하여 콘텐츠를 스크롤 할 수있게했습니다. 이것은 훌륭하지만, side = 'help'라는 키 값이 있다면 배열에서 하나의 항목을 제외하고 싶습니다. 그래서 기본적으로 나는 화살표 클릭이 어떤 의미에서 건너 뛰길 원합니다. 불행히도 배열에서 도움말 항목은 어디에서도 제어 할 수 없습니다. 그래서 여기에 클릭 기능

//flip right 
$scope.flipRight = function(index, parent){ 
    var idx = index + 1; 
    if (idx >= $scope.contentHere[parent].sides.length) { 
     idx = 0; 
    } 
    $scope.contentHere[parent].sides[index].active = false; 
    $scope.contentHere[parent].sides[idx].active = true; 
}; 
//flip left 
$scope.flipLeft = function(index, parent){ 
    var idx = index - 1; 
    if (idx < 0) { 
    idx = $scope.contentHere[parent].sides.length - 1; 
    } 
    $scope.contentHere[parent].sides[index].active = false; 
    $scope.contentHere[parent].sides[idx].active = true; 
}; 

그래서 기본적으로 내가 밖으로 figuire하는 것을 시도하고 그것이 무엇 = '도움'.side 경우이 논리는 항목을 건너 뛸 수있는 방법입니다

입니다. 값을 갖지 않는 항목에 의해 배열을 _filter하기 위해 lodash를 사용하는 방법에 대해 생각했지만 인덱스가 오프셋되어 작동하지 않도록했습니다. 나는 이것에 접근하는 방법을 잘 모르겠다. (어쩌면 나는 이것을 잘못 생각하고 있는가?) 어떤 방향을 사용할 수있다.

시간을내어 읽어 주셔서 감사합니다.

Answer 1

$scope.flipRight = function(index, parent){ 
var idx = index + 1; 
if(idx >= $scope.contentHere[parent].sides.length){ 
    idx = 0; 
} 
if($scope.contentHere[parent].sides[idx] == 'help'){ 
    $scope.flipRight(idx, parent); //Added to skip over to next item 
    $scope.contentHere[parent].sides[index].active = false; // Added for the first item does not turn .active to false Issue 
    return; // Added to skip execution of following line of codes incase of recursion 
} 
$scope.contentHere[parent].sides[index].active = false; 
$scope.contentHere[parent].sides[idx].active = true; 
}; 

//flip left 
$scope.flipLeft = function(index, parent){ 
var idx = index - 1; 
if (idx < 0) { 
idx = $scope.contentHere[parent].sides.length - 1; 
} 
if($scope.contentHere[parent].sides[idx] == 'help'){ 
    $scope.flipLeft(idx, parent); //Added to skip over to next item 
    $scope.contentHere[parent].sides[index].active = false; // Added for the first item does not turn .active to false Issue 
    return; // Added to skip execution of following line of codes incase of recursion 
} 
$scope.contentHere[parent].sides[index].active = false; 
$scope.contentHere[parent].sides[idx].active = true; 
};