Javascript 如何在IONIC中导入角度图

导入时，我需要使用角度图表：

<script src="lib/Chart.js/Chart.js"></script>
<script src="lib/angular-chart.js/dist/angular-chart.min.js"></script>
<link href="lib/angular-chart.js/dist/angular-chart.css" rel="stylesheet">

我有个问题：

angular-chart.min.js:13 Uncaught ReferenceError: angular is not defined(anonymous function) @ angular-chart.min.js:13(anonymous function) @ angular-chart.min.js:13
ionic.bundle.js:13380 Uncaught Error: [$injector:modulerr] Failed to instantiate module starter due to:
Error: [$injector:modulerr] Failed to instantiate module chart.js due to:
Error: [$injector:nomod] Module 'chart.js' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.
http://errors.angularjs.org/1.4.3/$injector/nomod?p0=chart.js
    at http://localhost:8100/lib/ionic/js/ionic.bundle.js:13380:12
    at http://localhost:8100/lib/ionic/js/ionic.bundle.js:15270:17
    at ensure (http://localhost:8100/lib/ionic/js/ionic.bundle.js:15194:38)
    at module (http://localhost:8100/lib/ionic/js/ionic.bundle.js:15268:14)
    at http://localhost:8100/lib/ionic/js/ionic.bundle.js:17674:22
    at forEach (http://localhost:8100/lib/ionic/js/ionic.bundle.js:13648:20)
    at loadModules (http://localhost:8100/lib/ionic/js/ionic.bundle.js:17658:5)
    at http://localhost:8100/lib/ionic/js/ionic.bundle.js:17675:40
    at forEach (http://localhost:8100/lib/ionic/js/ionic.bundle.js:13648:20)
    at loadModules (http://localhost:8100/lib/ionic/js/ionic.bundle.js:17658:5)
http://errors.angularjs.org/1.4.3/$injector/modulerr?p0=chart.js&p1=Error%3…%3A%2F%2Flocalhost%3A8100%2Flib%2Fionic%2Fjs%2Fionic.bundle.js%3A17658%3A5)
    at http://localhost:8100/lib/ionic/js/ionic.bundle.js:13380:12
    at http://localhost:8100/lib/ionic/js/ionic.bundle.js:17697:15
    at forEach (http://localhost:8100/lib/ionic/js/ionic.bundle.js:13648:20)
    at loadModules (http://localhost:8100/lib/ionic/js/ionic.bundle.js:17658:5)
    at http://localhost:8100/lib/ionic/js/ionic.bundle.js:17675:40
    at forEach (http://localhost:8100/lib/ionic/js/ionic.bundle.js:13648:20)
    at loadModules (http://localhost:8100/lib/ionic/js/ionic.bundle.js:17658:5)
    at createInjector (http://localhost:8100/lib/ionic/js/ionic.bundle.js:17584:11)
    at doBootstrap (http://localhost:8100/lib/ionic/js/ionic.bundle.js:14942:20)
    at bootstrap (http://localhost:8100/lib/ionic/js/ionic.bundle.js:14963:12)

如果我导入angular.min.js，问题就解决了

<script src="lib/angular/angular.min.js" type="text/javascript"></script>

---

我该如何解决呢？

我认为问题在于加载css和js文件的方式。如果使用相同的代码：

    <script src="lib/Chart.js/Chart.js"></script>
    <script src="lib/angular-chart.js/dist/angular-chart.min.js"></script>
    <link href="lib/angular-chart.js/dist/angular-chart.css" rel="stylesheet">

尝试：

---

这可能会对您有所帮助。

我有一个链接，它可以根据您的需求以很低的工作量提供图表。

---

您甚至可以创建3D图表，也可以在ionic和普通angular web应用程序中使用它

ionic有时会在您有其他angular格式副本时发出警告。老实说，我会忽略它，你能把你在你的应用程序中包含的所有js按你调用它们的顺序添加到这个问题上吗？我使用同样的方法，你在哪里加载ionic库的脚本？离子应该是有角度的。看起来这些脚本与您的ionic脚本是分开的，它们是在ionic之前加载的。如果没有对angular的引用，其他两个将失败，如果引用了ionic，ionic脚本将爆炸，因为它会在稍后的过程中再次尝试加载angular。请尝试在正文末尾加载脚本文件。

WARNING: Tried to load angular more than once.

    <script src="lib/Chart.js/Chart.js"></script>
    <script src="lib/angular-chart.js/dist/angular-chart.min.js"></script>
    <link href="lib/angular-chart.js/dist/angular-chart.css" rel="stylesheet">

<link href="lib/angular-chart.js/dist/angular-chart.css" rel="stylesheet">
<script src="lib/Chart.js/Chart.js"></script>
<script src="lib/angular-chart.js/dist/angular-chart.min.js"></script>