$ routeParams로 필터 동작

Question

레일스와 비슷한 방식으로 경로를 구조화하려고합니다.

$routeProvider.when('/posts', { 
    controller: 'PostsCtrl', 
    templateUrl: '/views/posts.html' 
}); 
$routeProvider.when('/posts/new', { 
    controller: 'PostsCtrl', 
    templateUrl: '/views/posts.html', 
    doNew: true 
}); 
$routeProvider.when('/posts/:postID', { 
    controller: 'PostsCtrl', 
    templateUrl: '/views/posts.html' 
}); 
$routeProvider.when('/posts/:postID/edit', { 
    controller: 'PostsCtrl', 
    templateUrl: '/views/posts.html', 
    doEdit: true 
}); 

PostCtrl가 맨 아래에 다음과 같습니다 : 경로가 /posts/new 또는 /posts/2 또는 /posts/2/edit 때

if ($routeParams.doNew) { 
    console.log('action: new'); 
} else if ($routeParams.doEdit) { 
    console.log('action: edit', $routeParams.postID); 
} else if ($routeParams.libraryID) { 
    console.log('action: show', $routeParams.postID); 
} else { 
    console.log('action: index'); 
} 

action: show가 인쇄 나는이와 비슷한 경로 설정이 있습니다. 컨트롤러가 적절한 조치를 취하도록 필터링하려면 무엇을 할 수 있습니까?

Answer 1

레일즈에서 영감을 얻은 액션을 구현하는 더 쉬운 방법.

는 경로를 정의합니다

이

$routeProvider.when('/posts', { 
    templateUrl: '/views/posts/index.html', 
    controller: 'PostsCtrl' 
}); 
$routeProvider.when('/posts/new', { 
    templateUrl: '/views/posts/index.html', 
    controller: 'PostsCtrl', 
    action: 'new' 
}); 
$routeProvider.when('/posts/:postID', { 
    templateUrl: '/views/posts/index.html', 
    controller: 'PostsCtrl', 
    action: 'show' 
}); 
$routeProvider.when('/posts/:postID/edit', { 
    templateUrl: '/views/posts/index.html', 
    controller: 'PostsCtrl', 
    action: 'edit' 
}); 

그런 다음 $routeChangeSuccess에 대한 이벤트 처리기를 추가 :

이

app.run(['$rootScope', '$route', function ($rootScope, $route) { 
    $rootScope.$on('$routeChangeSuccess', function (currentRoute, previousRoute) { 
    if ($route.current.action) { 
     $rootScope.action = $route.current.action; 
    } 
    }); 
}]); 

그런 다음 컨트롤러에, 당신은 $scope.action에서 분기 할 수 있습니다 :

if ($scope.action === 'new') { 
    $scope.newPost(); 
} else if ($scope.action === 'show') { 
    Post.get($routeParams.postID).then($scope.showPost); 
} else if ($scope.action === 'edit') { 
    Post.get($routeParams.postID).then($scope.editPosts); 
} 

일반적으로 아마 이러한 경로에 대해 별도의 컨트롤러를 갖지만 내가 앱을 만들고있어. new, show, edit은 모든 "게시물"의 색인 위에 모달로 표시됩니다.

Answer 2

당신은 단지 해결 추가하여 쉽게 만들 수 있습니다

$routeProvider.when('/posts', { 
    controller: 'PostsCtrl', 
    templateUrl: '/views/posts.html' 
    resolve: { 
     action: function(){return 'list';} 
    } 
}); 
$routeProvider.when('/posts/new', { 
    controller: 'PostsCtrl', 
    templateUrl: '/views/posts.html' 
    resolve: { 
     action: function(){return 'new';} 
    } 
}); 

등 ..

그런 다음 당신의 컨트롤러에 action를 삽입 할 수

: 내가 알아 낸

controller('PostCtrl', function($scope, action){ 
    if(action==='new'){ 
     console.log('new'); 
    } 
});