Ionic 4 Popover в AngularJS - PullRequest
Новая
       30

Ionic 4 Popover в AngularJS

1 голос
/ 01 мая 2019

Я пытаюсь следовать ванильной документации JS для Ionic 4, чтобы я мог использовать новейшую платформу Ionic в приложении AngularJS.В настоящее время я работаю над панелью заголовка Component Directive, которая будет содержать меню, реализованное с помощью Popover.

Проблема в том, что я понятия не имею, как структурировать элементы в шаблоне, чтобы заставить работать popover.Это то, что у меня до сих пор, но я попробовал много различных структур в шаблоне:

Контроллер: 

function TopBar($scope) {
  var vm = this;

  $scope.showMenu = showMenu;

  async function showMenu(e) {
    const popoverController = document.querySelector('ion-popover-controller');
    await popoverController.componentOnReady();

    const popover = await popoverController.create({
      component: 'my-pop-content',
      event: e,
      translucent: false
    });
    return await popover.present();
  }
}

Шаблон: 

<ion-header>
  <ion-toolbar>
    <span class="fas fa-bars" style="height:100%;" ng-click="showMenu($event)"></span> <!-- vm.showMenu -->
  </ion-toolbar>
</ion-header>
<ion-content>
  <ion-popover>
    <my-pop-content>
      <div class="po-content">
        Howdy Folks
      </div>
    </my-pop-content>
  </ion-popover>
</ion-content>

<ion-popover-controller>
</ion-popover-controller>

Должен ли я просто отказаться от Ionic4 и вернуться к приложению Ionic 1?Я использую AngularJS, потому что приложение, в котором оно основано, использует эту платформу, и я надеялся, что смогу просто обновить Ionic, не доставляя себе слишком много головной боли.

...