2016-06-28 23 views
0

我正試圖讓角材使用角材料。我遵循了在量具網站提供的設置說明。以下是代碼筆的鏈接。想知道我要去哪裏錯了。正在使用角度來處理角材料

<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

It works .. Thanks troig ... – user5714726

回答

1

由於@camdem_kid帖子中評論,你codepen正顯示出很多錯誤。所以,我已經決定從零開始創建一個蹲點,你可以看到一起工作angular-materialjustgage

見工作 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> 

希望它能幫助。