让 justgage 与角材料一起工作答案

【问题标题】：Getting justgage to work with angular material让 justgage 与角材料一起工作
【发布时间】：2023-03-21 19:16:02
【问题描述】：

我正试图让 Gage 能够处理有角的材料。我已按照仅量具站点中提供的设置说明进行操作。下面是代码笔链接。想知道我哪里出错了。

<div id="gauge" class="200x160px"></div>
<script>
  var g = new JustGage({
    id: "gauge",
    value: 67,
    min: 0,
    max: 100,
    title: "Visitors"
  });
    </script>

http://codepen.io/anon/pen/JKWORP

【问题讨论】：

CodePen 在控制台中显示很多错误。
嗨！你能试试我的答案吗？
成功了.. 谢谢 troig...

标签： angularjs angular-material justgage

【解决方案1】：

@camdem_kid 在评论中发帖时，您的 codepen 显示了很多错误。因此，我决定从头开始创建一个 plunker，您可以在其中看到 angular-material 和 justgage 一起工作。

查看工作 plunker

仅供参考（查看plunker了解完整详情）

<html>

<head>
  <link rel="stylesheet" href="https://rawgit.com/angular/bower-material/master/angular-material.css">

  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-animate.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-aria.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-messages.min.js"></script>

  <script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.0-rc2/angular-material.min.js"></script>
  <script src="script.js"></script>

  <script src="raphael-2.1.4.min.js"></script>
  <script src="justgage.js"></script>

</head>

<body ng-app="YourApp" class="main_content">

  <div id="gauge" class="200x160px"></div>

  <div ng-controller="TestCtrl">
    <md-button class="md-raised">Hello</md-button>
  </div>

  <script>
    var g = new JustGage({
      id: "gauge",
      value: 67,
      min: 0,
      max: 100,
      title: "Visitors"
    });
  </script>

</body>

</html>

希望对你有帮助。

【讨论】：