2016-06-28 9 views
0

角度材で作業するだけのゲージを得ようとしています。私はちょうどゲージサイトで提供されるセットアップの指示に従ってきました。以下は、コードペンのリンクです。私が間違っている場所を知りたいですか?コメントで@camdem_kid柱として角度材で作業するにはお金をかける

<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

+0

そのCodePenはコンソールに多くのエラーを表示しています。 –

+0

こんにちは!私の答えの解決策を試すことができますか? – troig

+1

それは働いた..ありがとうトロイ... – user5714726

答えて

1

、あなたのcodepenは、エラーの多くを示しています。だから、私は一緒に協力して見ることができるゼロからプランクを作成するために解散しましたangular-materialjustgage

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

はそれがお役に立てば幸いです(完全な詳細についてplunkerを参照)参考まで plunker

の作業を参照してください。

関連する問題