[英]Can't see the ion-nav-button
在我的離子應用程序中,我具有一個功能,用戶應在應用程序的導航欄中看到水平點線,單擊它們,然后將出現一個彈出菜單,其中包含兩個菜單項(添加到收藏夾並添加評論)。 下圖說明了我的觀點。
但是,問題在於,這3個水平點沒有出現在應用程序的導航欄中。
這是ion-nav-button的代碼。
<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
<small>Sort by:
<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>
你能幫助我嗎?
謝謝,
西奧
嘗試將<ion-nav-buttons></ion-nav-buttons>
指令包裝在<ion-nav-buttons></ion-nav-buttons>
<ion-nav-bar></ion-nav-bar>
指令中,並將其從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> ...
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.