Я попытался поместить пример кода в stackblitz, но страница сведений об элементе не отображается правильно (заголовок / панель инструментов отключена, поэтому нет кнопки назад), даже если она выглядит правильно, когда я собираю / запускаю тот же код на моя машина.
https://ionic-angular-v5-master-detail.stackblitz.io
Мне удалось получить представление мастера / детализации, работающее так, как мне хотелось бы, на небольшом устройстве с наложенным главным меню и страницы «Члены» и «Сведения об участнике» переключаются назад и вперед.
Однако, когда он находится на большом экране, я бы хотел, чтобы на экране отображались как страницы «Участник», так и сведения об элементе, а также главное меню. , Я могу заставить это работать так, как мне хотелось бы, сделав детальный вид дочернего маршрута для члена-участника и добавив ion-router-outlet; однако с этим макетом он больше не будет работать должным образом на маленьких экранах. (В файле members-routing.module.ts содержится ЗАМЕЧАНИЕ, чтобы описать изменения, необходимые для того, чтобы он действовал так, как ожидалось, на больших экранах.)
Я также попытался вложить второе разделенное представление в качестве содержания ионов в Основной разделенный вид, но не удивился, когда это не сработало. Есть ли способ заставить его работать так, как я хотел бы, как в широком браузере, так и в маленьком телефоне?
Я готов изменить дизайн, если это необходимо (но не предпочтительно), но пока нет был в состоянии заставить любую из моих идей работать полностью. Например, я помещаю свое главное меню во вкладки и помещаю разделенную панель в это. В основном это работало, за исключением того, что второй набор вкладок на странице сведений по какой-то причине использовал абсолютные URL-адреса вместо относительных (даже если они являются единственным набором вкладок в приложении, они используют относительные URL-адреса, как и ожидалось.)
Можно ли каким-либо образом обновить маршруты во время выполнения, учитывая медиазапросы? Есть ли лучший интерфейс, о котором я просто не подумал? Спасибо за любые предложения.