不能使用angularjs的圖表模塊

我想使用量表模塊，但在我完成我的HTML後Angular Gauge Document，它不工作（瀏覽器什麼也沒有顯示）。我想問題是我沒有讓模塊工作。有人可以告訴我我的代碼有什麼問題。

<!DOCTYPE HTML> 
<html> 
<body ng-app = "myApp"> 
<ng-gauge size="150" type="full" thick="5" 
     min="0" max="120" value="68.2" 
     cap="round" label="Speed" append="mph" 
     foreground-color="#ffcc66" background-color="#EEE"> 
</ng-gauge> 
</body> 

<script src="http://cdn.static.runoob.com/libs/angular.js/1.6.4/angular.min.js"></script> 
<script src="node_modules/angular/angular.min.js"></script> 
<script src="node_modules/angular-gauge/dist/angularjs-gauge.min.js"></script> 

<script> 

angular.module('myApp', ['angularjs-gauge']); 

</script> 
</html>

另外，在文件安裝部分，它說：

只要你有下載的所有文件，幷包含在您的網頁，你只需要申報圖上的依賴.js文件模塊：

我沒有在我的項目中使用chart.js之模塊，所以這chart.js之文件本指南是指什麼？

來源

2017-08-25 xinwan818

您需要在body標籤內包含腳本標籤，並且還包含了兩次angular.min.js。

<!DOCTYPE HTML> 
 
<html> 
 
<body ng-app = "myApp"> 
 
<ng-gauge size="150" type="full" thick="5" 
 
     min="0" max="120" value="68.2" 
 
     cap="round" label="Speed" append="mph" 
 
     foreground-color="#ffcc66" background-color="#EEE"> 
 
</ng-gauge> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular.min.js"></script> 
 
<script src="https://rawgit.com/ashish-chopra/angular-gauge/master/src/angularjs-gauge.js"></script> 
 

 
<script> 
 

 
angular.module('myApp', ['angularjs-gauge']); 
 

 
</script> 
 
</body> 
 

 
</html>

來源

2017-08-25 17:01:35

不能使用angularjs的圖表模塊

回答

相關問題