CODEWITHSUNDEEP
javascriptangularjsangularjs-directiveionic-framework
user944513
user944513

Reputation: 12729

why the button not display (minus button which in on header)?

I am trying to make same thing which is in this example http://plnkr.co/edit/aFa2LyH555o3mho7nRq7?p=preview .In given example there is one header having (-) sign in left top .But when I use same code it doesn't display the minus button .could you please tell me how to display that minus button

Here is my code https://dl.dropbox.com/s/l2dtrxmnsurccxt/www.zip?dl=0

index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Todo</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">

    <link  rel="stylesheet" href="css/ionic.min.css" />
    <script  src="lib/ionic.bundle.min.js"></script>
    <script src="js/app.js"></script>
</head>

 <body ng-app="app">
 <ion-header-bar class="bar-positive">
     <button class="button button-icon icon ion-ios7-minus-outline"
             ng-click=""></button>
     <h1 class="title">TODO Tasks</h1>

     <button class="button button-icon ion-arrow-move"
             ></button>
 </ion-header-bar>
</body>

</html>

Upvotes: 0

Views: 134

Answers (1)

Tony Barnes
Tony Barnes

Reputation: 2643

The CSS version and icon name you're using seem to be outdated.

If you get the latest CSS version (or via CDN)

You'll see that the class name of the icon you wish to use has changed from:

ion-ios7-minus-outline

to:

ion-ios-minus-outline

Upvotes: 1

Related Questions