Question

我试图在这个例子中做同样的事情 http://plnkr.co/edit/aFa2LyH555o3mho7nRq7?p=preview 。在给定的示例中，有一个标题在左上角有（ - ）符号。但是当我使用相同的代码时它不会显示减号按钮。你能不能告诉我如何显示减号按钮

这是我的代码 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>

Answer 1

您使用的CSS版本和图标名称似乎已过时。

如果您get the latest CSS version（或通过CDN）

您会看到您要使用的图标的类名已更改为：

ion-ios7-minus-outline

为：

ion-ios-minus-outline

为什么按钮不显示（在标题中的减号按钮）？

1 个答案: