Question

这是我的plunker网址和代码段：

http://plnkr.co/edit/lUB8pYKRn5JudhToxykj

<head>
  <title>Event Registration</title>
  <script data-require="jquery@*" data-semver="3.1.1" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  <script data-require="underscore.js@*" data-semver="1.8.3" src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
  <script data-require="angular.js@1.4.0" data-semver="1.4.0" src="https://code.angularjs.org/1.4.0/angular.js"></script>
  <script data-require="twitter-bootstrap@3.2.0" data-semver="3.2.0" src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
  <link data-require="bootstrap@3.0.0" data-semver="3.0.0" rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" />
  <link data-require="twitter-bootstrap@3.2.0" data-semver="3.2.0" rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" />
  <link data-require="font-awesome@4.7.0" data-semver="4.7.0" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
  <link rel="stylesheet" href="app.css" />
  <script src="app.js"></script>
  <script src="EventController.js"></script>
</head>

  <div class="span0 well votingWidget">
    <div class="votingButton">
      <i class="icon-chevron-up icon-white"></i>
    </div>
    <div class="badge badge-inverse">
      <div>{{session.upVoteCount}}</div>
    </div>
    <div class="votingButton">
      <i class="icon-chevron-down"></i>
    </div>
  </div>

icon-chevron-up，icon-chevron-down按钮不会显示，并且bootstrap似乎也无法正常工作。

那么如何正确设置？

非常感谢！振

Answer 1

<!DOCTYPE html>
<html lang="en" ng-app="eventsApp">

<head>
  <title>Event Registration</title>
  <script data-require="jquery@*" data-semver="3.1.1" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  <script data-require="underscore.js@*" data-semver="1.8.3" src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
  <script data-require="angular.js@1.4.0" data-semver="1.4.0" src="https://code.angularjs.org/1.4.0/angular.js"></script>
  <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css" rel="stylesheet" />
  <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet" />

  <link rel="stylesheet" href="app.css" />
  <script src="app.js"></script>
  <script src="EventController.js"></script>
</head>
  <div class="span0 well votingWidget">
    <div class="votingButton">
      <i class="icon-chevron-up icon-white"></i>
    </div>
    <div class="badge badge-inverse">
      <div>{{session.upVoteCount}}</div>
    </div>
    <div class="votingButton">
      <i class="icon-chevron-down"></i>
    </div>
  </div>

在Plunker中学习AngularJS：不显示font-awesome上/下箭头

1 个答案: