我无法在页脚中添加按钮

时间:2016-04-11 23:38:57

标签: button ionic-framework footer

我试图在页脚栏中添加按钮。但我得到一个空白的页脚(没有按钮) 请有人帮帮我。

我的代码:

<ion-footer-bar class="bar-color-active-positive">

    <div class="button-bar">
      <button ng-repeat="button in buttons" class="button icon ion-{{button.icon}}" ng-class="{'active': activeButton == $index}" ng-click="setActiveButton($index)"> {{button.text}}</button>
    </div>
</ion-footer-bar>   

2 个答案:

答案 0 :(得分:0)

通过此处的代码,我无法找到您的错误,也许您可​​以通过Chrome Dev Tools调试您的页面并在此处添加一些日志。
我已经为ion-footer-bar创建了一个关于添加按钮的plunker project,希望这会对您有所帮助。此致!

答案 1 :(得分:0)

试试这个(顺便说一句,在完成这个答案之前我需要你为你在这里的每个课程添加css): 的 HTML:

<div class="button-bar">
  <button ng-repeat="button in buttons" class="button icon ion-{{button.icon}}" ng-class="{'active': activeButton == $index}" ng-click="setActiveButton($index)"> {{button.text}}</button>
</div>

CSS: