NativeScript-Angular -> ActionBar в app.component.ts не согласуется при изменении маршрута

это app.component.html

    <ActionBar title="NewApp" class="action-bar font-awesome">
        <ActionItem (tap)="toggleDrawer()" ios.position="left">
            <Button text="&#xf039;" class="font-awesome" id="menu-btn"></Button>
        </ActionItem>
    </ActionBar>

    <page-router-outlet></page-router-outlet>

При изменении маршрута Панель действий меняется на что-то другое. Могу ли я использовать ActionBar в app.component.ts?


nativescript angular angular2-nativescript angular-router
person Bunny Vishal    schedule 15.06.2017    source источник

Ответы (3)


arrow_upward
2
arrow_downward

Я считаю, что если вы используете <router-outlet></router-outlet> вместо <page-router-outlet></page-router-outlet>, вы получите ожидаемые результаты.

<page-router-outlet></page-router-outlet> заменяет всю страницу, <router-outlet></router-outlet> заменяет только блок контента

person Richard Hubley    schedule 15.06.2017
comment
Но компонент сведений об элементах не отображается, когда элементы предварительно заданы из списка элементов (исходная страница), но он инициализируется. И аппаратная кнопка назад не работает. - person Bunny Vishal; 15.06.2017

arrow_upward
1
arrow_downward

https://github.com/NativeScript/nativescript-angular/issues/1441#issuecomment-434132592

Добавить подписку в main.ts

 platformNativeScript({ createFrameOnBootstrap: true})
 .bootstrapModuleFactory(AppModuleNgFactory);

У nativescript есть файл readme журнала изменений.

person blazehub    schedule 14.04.2019

arrow_upward
0
arrow_downward

Да, вы можете использовать панель действий в app.component.ts.

вот базовый пример:

import { Component } from "@angular/core";

@Component({
  selector: "my-app",
  template: `
  <ActionBar title="Glossary" class="action-bar"></ActionBar>
  <page-router-outlet></page-router-outlet>`,
  styleUrls: ["app.component.css"]
})

export class AppComponent {

}
person Ulug Toprak    schedule 15.06.2017
comment
Это не сработало для меня. При изменении маршрута ActionBar изменяется на ``` ‹ActionBar title=NewApp class=action-bar font-awesome› ‹/ActionBar› ``` Обратите внимание, что элемент действия теряется в новом маршруте. Я не использую ActionBar в новом шаблоне маршрута. Но ActionItem внутри него потерян. - person Bunny Vishal; 15.06.2017
comment
Возможно, какое-то свойство не очищается при изменении маршрута. Не могли бы вы поделиться своими компонентами, html и сервисом? - person Ulug Toprak; 15.06.2017
comment
вот мой URL-адрес репозитория github. Пожалуйста, смотрите файлы init. github.com/bunnyvishal6/example-nativescript-app - person Bunny Vishal; 15.06.2017