2016-04-11 14 views
0

フッターバーにボタンを追加しようとしています。私は空白のフッター(ボタンなし)を得る 誰でも私を助けてください。フッターにボタンを追加できません

私のコード:ここにあなたのコードを

<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> 
+0

@ DaniSpringer.comそれはCSSのエラーだと思っていません。ここに私のCSSコードです:.bar-color-active-positive { border:1px solid#FF0000; } –

+0

もちろん、それは問題です。あなたはcssとhtmlの2つの異なるクラスを与えています。彼らは同じでなければならない。 –

+0

ボタンのタグは何ですか?以前は見たことがありません。 divクラスに適切なクラスを追加できませんか?後でコードを投稿します。 –

答えて

0

、私は多分あなたはChrome Dev Toolsしてページをデバッグすることができ、ここでいくつかのログを追加し、あなたのエラーを見つけることができません。
そして私はion-footer-barにボタンを追加することについてplunker projectを作成しました、これがあなたを助けてくれることを願っています。よろしく!

+0

私はそれをchromeでデバッグしましたが、何も表示されませんでした。(エラーなし)、あなたは 'plunker'で作成したコードと同じコードを追加しました。まだ同じ空白のフッター。 –

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:

関連する問題