[英]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.