Как я могу поймать два (или более) действия @ ngrx / store и удерживать подписку в компонентах, пока это не произойдет?

Я могу придумать два способа сделать это (я уверен, что есть и другие способы):

1. В редукторе

Пусть состояние initReducer имеет флаги для каждого запроса, который должен быть успешным, чтобы флаг готовности был установлен в true, уменьшив оба действия * _DATA_SUCCESS в initReducer:

init.reducer.ts

export interface InitState = {
    characterSuccess: boolean,
    vehicleSuccess: boolean,
    ready: boolean
}

const initialState = {
    characterSuccess = false,
    vehicleSuccess = false,
    ready = false
};

export const initReducer (state: InitState = initialState, action: Action): InitState {
    switch (action.type) {
        /* ...
         * other cases, like INITIALIZING or INITIALIZING_ERROR...
         */

        case CharacterActions.CHARACTER_DATA_SUCCESS: {
            /* set characterSuccess to true.
             *
             * if vehicleSuccess is already true
             * this means that both requests completed successfully
             * otherwise ready will stay false until the second request completes
             */
            return Object.assign({}, state, {
                characterSuccess: true
                ready: state.vehicleSuccess
            });
        }

        case VehicleActions.VEHICLE_DATA_SUCCESS: {
            /* set vehicleSuccess to true.
             *
             * if characterSuccess is already true
             * this means that both requests completed successfully
             * otherwise ready will stay false until the second request completes
             */
            return Object.assign({}, state, {
                vehicleSuccess: true,
                ready: state.characterSuccess
            });
        }

        default:
            return state;
    }
}

2. Используйте селекторы

Если вы создали initReducer только для того, чтобы отслеживать, инициализируете ли вы в данный момент, вы можете опустить весь редуктор и использовать вместо него селекторы, которые вычисляют производное состояние.
Мне нравится использовать Reselect, потому что она позволяет создавать эффективные селекторы, которые пересчитываются только тогда, когда происходит изменение (= запомненные селекторы).

Сначала добавьте loading- и ready-flag к форме состояния как для транспортных средств, так и для символов-редукторов.
Затем добавьте функции-селекторы на уровне редуктора.
Пример для VehiclesReducer:

vehicle.reducer.ts (повторите то же самое с символами-редуктором)

export interface VehicleState {
    // vehicle ids and entities etc...
    loading: boolean;
    ready: boolean;
}

const initialState: VehicleState = {
    // other init values
    loading: false,
    ready: false
}

export function reducer(state = initialState, action: Action): VehicleState {
    switch (action.type) {
        // other cases...

        case VehicleActions.INIT_VEHICLES: {
            return Object.assign({}, state, {
                loading: true,
                ready: false
            });
        }

        case VehicleActions.VEHICLE_DATA_SUCCESS: {
            return Object.assign({}, state, {
                /* other reducer logic like
                 * entities: action.payload
                 */
                loading: false,
                ready: true
            });
        }

        default:
            return state;
    }
}

// Selector functions
export const getLoading = (state: VehicleState) => state.loading;
export const getReady = (state: VehicleState) => state.ready;

Затем в вашем корневом редукторе или в дополнительном файле, куда вы помещаете свои селекторы, составьте селекторы, которые дадут вам желаемое производное состояние:

selectors.ts

import { MyGlobalAppState } from './root.reducer';
import * as fromVehicle from './vehicle.reducer';
import * as fromCharacter from './character.reducer';
import { createSelector } from 'reselect';

// selector for vehicle-state
export const getVehicleState  = (state: MyGlobalAppState) => state.vehicle;
// selector for character-state
export const getCharacterState = (state: MyGlobalAppState) => state.character;

// selectors from vehicle
export const getVehicleLoading = createSelector(getVehicleState, fromVehicle.getLoading);
export const getVehicleReady = createSelector(getVehicleState, fromVehicle.getReady);

// selectors from character
export const getCharacterLoading = createSelector(getCharacterState, fromCharacter.getLoading);
export const getCharacterReady = createSelector(getCharacterState, fromCharacter.getReady);

// combined selectors that will calculate a derived state from both vehicle-state and character-state
export const getLoading = createSelector(getVehicleLoading, getCharacterLoading, (vehicle, character) => {
    return (vehicle || character);
});

export const getReady = createSelector(getVehicleReady, getCharacterReady, (vehicle, character) => {
    return (vehicle && character);
});

Теперь вы можете использовать этот селектор в своем компоненте:

import * as selectors from './selectors';

let loading$ = this.store.select(selectors.getLoading);
let ready$ = this.store.select(selectors.getReady);

loading$.subscribe(loading => console.log(loading)); // will emit true when requests are still running
ready$.subscribe(ready => console.log(ready)); // will emit true when both requests where successful

Хотя этот подход может быть более подробным, он более понятен и соответствует установленным методам сокращения. И вы могли бы опустить все initReducer.

Если вы раньше не использовали селекторы, они представлены в ngrx-example-app. .

По поводу обновления:

Так как вы используете маршрутизатор, вы можете, например, использовать защиту маршрутизатора, чтобы приостановить активацию маршрута до завершения инициализации. Реализуйте интерфейс CanActivate:

@Injectable()
export class InitializedGuard implements CanActivate {
    constructor(private store: Store<MyGlobalAppState>) { }

    canActivate(): Observable<boolean> {
        return this.store.select(fromRoot.getInitState) // select initialized from store
            .filter(initialized => initialized === true)
            .take(1)
    }
}

Затем добавьте охранника к своему маршруту:

{
    path: 'vehicle/:id',
    component: VehicleComponent,
    canActivate: [ InitializedGuard ]
}

Охранники активации маршрута также представлены в приложении ngrx-example-app, посмотрите здесь