如何將“ Chart.js”注入我的模塊？

Question

這是我的HTML。 我給出了這樣的路徑：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css">

     <script type="text/javascript" href="/node_modules/angular-chart.js/dist/angular-chart.min.js"></script>
    <script type="text/javascript" href="/node_modules/chart.js/dist/Chart.min.js"></script>


    <link rel="stylesheet" type="text/css" href="style.css">
    <link rel="stylesheet" type="text/css" href="app/components/root/root.css">
    <link rel="stylesheet" type="text/css" href="app/components/imgComponent/imgComponent.css">
    <link rel="stylesheet" type="text/css" href="app/components/typesComponent/typesComponent.css">
    <link rel="stylesheet" type="text/css" href="app/components/sourceComponent/sourceComponent.css">
    <link rel="stylesheet" type="text/css" href="app/components/severitiesComponent/severitiesComponent.css">
    <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans" />

</head>
<body ng-app="appModule">
    <app-root></app-root>
</body>
</html>

在我的腳本中，我寫道：

'use strict';

const appModule = angular.module('appModule',["chart.js"]);

appModule.component('appSeveritiesComponent', {
    templateUrl: '/app/components/severitiesComponent/severitiesComponent.html',
    controller: severitiesComponentController,
    bindings: {
    }
});

severitiesComponentController.$inject = [];

function severitiesComponentController() {
}

當我在我的應用程序中使用它給錯誤

未捕獲的錯誤：[$ injector：modulerr]

如何解決這個錯誤？

Answer 1

您缺少angular.js的參考

在上面添加angular.js的參考

  <script type="text/javascript" href="/node_modules/angular-chart.js/dist/angular-chart.min.js"></script>
    <script type="text/javascript" href="/node_modules/chart.js/dist/Chart.min.js"></script>

Answer 2

腳本的順序很重要。 如果查看angular-chart.js的“ 安裝”部分，您將看到以下順序：

<script src="node_modules/chart.js/Chart.min.js"></script>
<script src="node_modules/angular-chart.js/dist/angular-chart.min.js"></script>

Chart.js應該在 angular-chart.js 之前

此外，您還需要在這兩個腳本之前插入angular.js腳本。

如何將“ Chart.js”注入我的模塊？

問題描述

2 個解決方案

解決方案1
0 2018-01-25 09:26:05

解決方案2
0 2018-01-25 09:50:14

如何將“ Chart.js”注入我的模塊？

問題描述

2 個解決方案

解決方案1 0 2018-01-25 09:26:05

解決方案2 0 2018-01-25 09:50:14

解決方案1
0 2018-01-25 09:26:05

解決方案2
0 2018-01-25 09:50:14