AngularJS chuyển đổi sang trạng thái trừu tượng

Question

tôi đang làm việc trên một ứng dụng được xây dựng với AngularJS có hai trạng thái khác nhau:

1. App giới thiệu thuật sĩ
2. trang ứng dụng (với một mẫu Navigation và quan điểm lồng nhau)

tôi muốn mặc định cho Nhà nước 1 lần đầu tiên một người nào đó truy cập vào ứng dụng, một khi thực hiện các hướng dẫn, tiếp tục đến các trang ứng dụng, Nhà nước 2.

của tôi "ứng dụng" nhà nước (Nhà nước 2) là một trạng thái trừu tượng vì nó có các khung nhìn lồng nhau. Vì vậy, tôi không thể chuyển sang trạng thái này.

.config(function($stateProvider, $urlRouterProvider) { 
$stateProvider 

    .state('intro', { 
    url: '/', 
    templateUrl: 'templates/intro.html', 
    controller: 'IntroCtrl' 
    }) 

    .state('app', { 
    url: '/app', 
    abstract: true, 
    templateUrl: 'templates/menu.html', 
    controller: 'AppCtrl' 
    }) 

    .state('app.playlists', { 
    url: "/playlists", 
    views: { 
     'menuContent' :{ 
     templateUrl: "templates/playlists.html", 
     controller: 'PlaylistsCtrl' 
     } 
    } 
    }); 

    $urlRouterProvider.otherwise("/"); 

}) 

Answer 1

Tôi đã có cùng một vấn đề với bạn, đây là bài viết khác về tình trạng trừu tượng: angularjs ui-router default child state and ui-sref

Nó đã giải thích rõ tại sao bạn không thể truy cập trạng thái trực tiếp trừu tượng

Đó là chút muộn để trả lời bài đăng này, nhưng hy vọng nó sẽ giúp đỡ.

(Btw, đây phải là một bình luận)

Answer 2

Tôi đã thêm dịch vụ $ vị trí với bộ điều khiển của trang "giới thiệu" và sử dụng sau đây để chuyển đến app nhà nước mà làm việc cho tôi.

$location.path('app/playlists'); 

Menu.html được tải và điều hướng đến danh sách phát.

Answer 3

Trong một dịch vụ:

$location.path(
    $state.href('app.some.abstract.state', { some: 'params' }) 
); 

Hoặc trong một khuôn mẫu ($state phải có sẵn trong địa phương hoặc toàn cầu $scope):

<a ng-href="{{$state.href('app.some.abstract.state', { some: 'params' })}}">...</a>