ion-nav-buttonが見えない

Question

私のイオンアプリでは、ユーザーがアプリケーションのナビゲーションバーの水平の点線で表示する機能を持っています。それらをクリックすると、ポップアップメニューに2つのメニュー項目が表示されます（お気に入りに追加してコメントを追加）下の写真は私の要点を示しています。

問題はしかし、これらの3つの水平ドットがアプリのナビゲーションバーに表示されないということです。

イオンナビボタンのコードは次のとおりです。

   <ion-view view-title="News Details"> 
       <ion-content> 
        <ion-nav-buttons side="secondary"> 
         <div class="buttons"> 
          <button class="button button-icon icon ion-more" 
            ng-click="openPopover($event)"></button> 
         </div> 
        </ion-nav-buttons> 
        <div class="card"> 
         <div class="item item-body item-text-wrap"> 
          <img class="full-image" ng-src="{{detailedNews.image}}" alt="Uthappizza"> 
          <h3>{{detailedNews.title}}</h3> 
          <p>{{detailedNews.description}}</p> 
         </div> 
        </div> 
        <div class="row"> 
         <div class="col col-offset-10"> 
           <h4>Customer Comments &nbsp;&nbsp;&nbsp; 
            <small>Sort by: &nbsp; 
             <input type="text" ng-model="orderText"> 
             </small></h4> 
           <ul class="list"> 
            <li ng-repeat="comment in dish.comments | orderBy:orderText"> 
             <blockquote> 
             <p>{{comment.rating}} Stars</p> 
             <p>{{comment.comment}}</p> 
             <footer>{{comment.author}}, {{comment.date | date:'MMM. dd, yyyy'}}</footer> 
             </blockquote> 
            </li> 
           </ul> 
         </div> 
      </div> 
      </ion-content> 
      </ion-view> 

多分、この行に何か問題があります。

<button class="button button-icon icon ion-more"ng- 
click="openPopover($event)"></button> 

私を助けてくれますか？ありがとう、

Theo。

Answer 1

<ion-nav-bar></ion-nav-bar>指示の中に<ion-nav-buttons></ion-nav-buttons>指示文をラップして取り出し、ion-contentから取り出してください。

<ion-view view-title="News Details"> 
 
    <ion-nav-bar> 
 
     <ion-nav-buttons side="secondary"> 
 
      <div class="buttons"> 
 
       <button class="button button-icon icon ion-more" 
 
       ng-click="openPopover($event)"></button> 
 
      </div> 
 
     </ion-nav-buttons> 
 
    </ion-nav-bar> 
 
    <ion-content> 
 
    ...